If iTunes ID known, add link to episodes.fm

Podcastindex-org · May 19, 2024 · d26f0f5 · d26f0f5
1 parent 517c9d3
commit d26f0f5
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 2 deletions.
diff --git a/ui/images/episodesfm.svg b/ui/images/episodesfm.svg
diff --git a/ui/src/components/PodcastHeader/index.tsx b/ui/src/components/PodcastHeader/index.tsx
@@ -5,6 +5,7 @@ import Value from '../Value'
 import NoImage from '../../../images/no-cover-art.png'
 import { truncateString } from '../../utils'
 import RSSLogo from "../../../images/feed.svg";
+import EpisodesFMLogo from "../../../images/episodesfm.svg";
 import PodcastAPLogo from "../../../images/podcastap.svg";
 import DonationPage from "../../../images/donation-page.svg";
 import EarthLogo from "../../../images/earth.svg";
@@ -18,6 +19,7 @@ interface IProps {
     categories?: any
     image?: any
     id?: string
+    itunesId?: string
     feedURL?: string
     podcastURL?: string
     donationPageURL?: string
@@ -81,7 +83,7 @@ export default class PodcastHeader extends React.PureComponent<IProps, PodState>
     }
 
     render() {
-        const {title, description, author, categories, image, id, feedURL, donationPageURL, podcastURL, value} = this.props
+        const {title, description, author, categories, image, id, feedURL, donationPageURL, podcastURL, value, itunesId} = this.props
         const splitTotal = value && value.destinations ? value && value.destinations.reduce((total, d) => total + parseInt(d.split, 10), 0): null
 
         if(value && value.destinations && value.destinations.length > 1 && value.destinations[(value.destinations.length - 1)].name.toLowerCase() === "podcastindex.org") {
@@ -152,6 +154,16 @@ export default class PodcastHeader extends React.PureComponent<IProps, PodState>
                                 </a>
                                 : ""
                             }
+                            {itunesId ?
+                                <a
+                                    href={`https://episodes.fm/${itunesId}`}
+                                    title="Follow in your podcast app"
+                                    target="_blank"
+                                >
+                                    <img src={EpisodesFMLogo} />
+                                </a>
+                                : ''
+                            }
                             <a
                                 href={`https://podcastap.com/feed/${id}`}
                                 title="Follow on Activity Pub via Podcast AP"

diff --git a/ui/src/components/PodcastHeader/styles.scss b/ui/src/components/PodcastHeader/styles.scss
@@ -83,7 +83,7 @@
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
-    align-items: flex-start;
+    align-items: center;
     &::-webkit-scrollbar {
         visibility: hidden;
     }

diff --git a/ui/src/pages/Podcast/PodcastInfo/index.tsx b/ui/src/pages/Podcast/PodcastInfo/index.tsx
@@ -176,6 +176,7 @@ export default class PodcastInfo extends React.PureComponent<IProps> {
             link,
             url,
             funding,
+            itunesId,
         } = result
         const image = getImage(result)
         let podcastURL = fixURL(link)
@@ -196,6 +197,7 @@ export default class PodcastInfo extends React.PureComponent<IProps> {
                 categories={categories}
                 value={value}
                 id={id}
+                itunesId={itunesId}
                 podcastURL={podcastURL}
                 donationPageURL={donationPageURL}
                 feedURL={feedURL}