diff --git a/public/static/img/subscription_icons/spotify.png b/public/static/img/subscription_icons/spotify.png new file mode 100644 index 000000000..c23b83f59 Binary files /dev/null and b/public/static/img/subscription_icons/spotify.png differ diff --git a/src/components/SubscriptionButtons/index.tsx b/src/components/SubscriptionButtons/index.tsx index a48ab5f79..04c51cf24 100644 --- a/src/components/SubscriptionButtons/index.tsx +++ b/src/components/SubscriptionButtons/index.tsx @@ -73,6 +73,15 @@ export default function SubscriptionButtons(props: Props) { )} + {podcast.spotifyUrl && ( + + + + )} + {podcast.rssFeedUrl && ( )} + ); } diff --git a/src/components/SubscriptionButtons/style.tsx b/src/components/SubscriptionButtons/style.tsx index 5e16ce916..248a6bd8e 100644 --- a/src/components/SubscriptionButtons/style.tsx +++ b/src/components/SubscriptionButtons/style.tsx @@ -190,7 +190,7 @@ export const SubscriptionsContainer = styled.div` border-radius: 0 0 8px 8px; display: grid; grid-gap: 16px; - grid-template-columns: repeat(7, 1fr); + grid-template-columns: repeat(8, 1fr); justify-content: center; transition: max-height 0.15s ease-out; position: relative; diff --git a/src/data/podcasts.ts b/src/data/podcasts.ts index d2c23b626..d1fd6b69f 100644 --- a/src/data/podcasts.ts +++ b/src/data/podcasts.ts @@ -11,6 +11,7 @@ export default [ overcastUrl: 'https://overcast.fm/itunes947191070', pocketCastsUrl: 'http://pca.st/itunes/947191070', rssFeedUrl: 'http://simplecast.fm/podcasts/1034/rss', + spotifyUrl: 'https://open.spotify.com/show/7kAx8RJce757LXVoX2FIpf?si=u_EJ07bBQKC-86Ypqhyn0A', googlePodcastsUrl: 'https://play.google.com/music/m/Iyvjpq3k44ux2azsmvlxe3cc5by?t=Design_Details', castroUrl: 'https://castro.fm/itunes/947191070', diff --git a/src/types/index.ts b/src/types/index.ts index 97b0089bb..43ed96fed 100644 --- a/src/types/index.ts +++ b/src/types/index.ts @@ -23,25 +23,26 @@ export interface SimplecastEpisode { }; export interface ConfigPodcast { - id: number, - name: string, - slug: string, - description: string, - simplecastId: number, - artworkUrl: string, - iTunesUrl: string, - overcastUrl: string, - pocketCastsUrl: string, - rssFeedUrl: string, - googlePodcastsUrl: string, - castroUrl: string, - breakerUrl: string, - applePodcastId: string, - twitterUsername: string, + id: number; + name: string; + slug: string; + description: string; + simplecastId: number; + artworkUrl: string; + iTunesUrl: string; + overcastUrl: string; + pocketCastsUrl: string; + rssFeedUrl: string; + googlePodcastsUrl: string; + castroUrl: string; + breakerUrl: string; + spotifyUrl: string; + applePodcastId: string; + twitterUsername: string; colors: { - text: string, - button: string, - }, + text: string; + button: string; + }; }; export interface DesignDetail {