Remove Chartable links and minor style fix.

Author: wenbinf

README.md

@@ -264,7 +264,7 @@ Then go to [Actions -> Deploy to Cloudflare Pages](../../actions/workflows/deplo
 <summary><b>How can I track podcast / video / image downloads?</b></summary>
 
 To track podcast, video, or image downloads with microfeed, you can use the tracking URLs feature.
-This allows you to set up third-party tracking URLs for your media files, such as those provided by [OP3](https://op3.dev/), [Podtrac](http://analytics.podtrac.com/), [Chartable](https://chartable.com/)...
+This allows you to set up third-party tracking URLs for your media files, such as those provided by [OP3](https://op3.dev/), [Podtrac](http://analytics.podtrac.com/)...
 
 To set up tracking URLs, you will need to go to Settings / Tracking URLs:
 ![Screenshot 2023-01-05 at 7 57 02 AM](https://user-images.githubusercontent.com/1719237/210665674-39f9b0a9-1f28-4608-b0cd-c67b8a5c87ec.png)

client-src/ClientAdminItemsApp/components/EditItemApp/FormExplainTexts.js

@@ -44,7 +44,7 @@ export const CONTROLS_TEXTS_DICT = {
       "if it's a self-hosted photo album, then a media file should be a high-definition image; " +
       "if it's a content curation site, then a media file could be an external url (e.g., an article url from New York Times).<br>" +
       "To track download stats of a media file, you can add 3rd-party tracking urls " +
-      "(e.g., <a href='https://op3.dev/'>OP3</a>, <a href='http://analytics.podtrac.com/'>Podtrac</a>, <a href='https://chartable.com/'>Chartable</a>...) at <a href='/admin/settings/'>Settings / Tracking urls</a>.",
+      "(e.g., <a href='https://op3.dev/'>OP3</a>, <a href='http://analytics.podtrac.com/'>Podtrac</a>...) at <a href='/admin/settings/'>Settings / Tracking urls</a>.",
     rss: '<channel><item><enclosure url="https://cdn-site.com/audio.mp3" type="audio/mpeg" length="277000"/><itunes:duration>00:21:02</itunes:duration></item></channel>',
     json: '{ "items": [{"attachments": [{"url": "https://cdn-site.com/audio.mp3", "mime_type": "audio/mpeg", "size_in_byte": 277000, "duration_in_seconds": 1262 }], "_microfeed": {"duration_hhmmss": "00:21:02"}}] }',
   },

client-src/ClientAdminItemsApp/components/EditItemApp/index.jsx

@@ -408,15 +408,14 @@ export default class EditItemApp extends React.Component {
               <div className="lh-page-card mt-4 flex justify-center">
                 <a
                   href="#"
-                  className="text-red-500 text-sm"
                   onClick={(e) => {
                     e.preventDefault();
                     const ok = confirm('Are you going to permanently delete this item?');
                     if (ok) {
                       this.onDelete();
                     }
                   }
-                }><div className="flex items-center">
+                }><div className="flex items-center text-red-500 text-sm hover:text-brand-light">
                   <TrashIcon className="w-4" />
                   <div className="ml-1">Delete this item</div>
                   </div>

client-src/ClientAdminSettingsApp/components/TrackingSettingsApp/index.jsx

@@ -46,7 +46,7 @@ export default class TrackingSettingsApp extends React.Component {
       </div>
       <div className="mt-4 text-xs text-helper-color">
         microfeed will automatically add 3rd-party tracking urls (e.g., <a href="https://op3.dev/">OP3</a>, <a
-        href="http://analytics.podtrac.com/">Podtrac</a>, <a href="https://chartable.com/">Chartable</a>...) before the url of a media file, so you can easily track download stats. This is a <a href="https://lowerstreet.co/blog/podcast-tracking" target="_blank" rel="noopener noreferrer">common practice in the podcast industry</a>.
+        href="http://analytics.podtrac.com/">Podtrac</a>...) before the url of a media file, so you can easily track download stats. This is a <a href="https://lowerstreet.co/blog/podcast-tracking" target="_blank" rel="noopener noreferrer">common practice in the podcast industry</a>.
       </div>
       {urls.length > 0 && <div className="mt-4 text-xs break-all text-helper-color">
         <div className="mb-2">