From b571c0e34eb10ed9e571a238615d2ee350906a8f Mon Sep 17 00:00:00 2001
From: Brian Lovin <briandlovin@gmail.com>
Date: Fri, 6 Dec 2019 21:23:11 -0500
Subject: [PATCH] Add spotify subscription button to podcast

---
 .../static/img/subscription_icons/spotify.png | Bin 0 -> 1445 bytes
 src/components/SubscriptionButtons/index.tsx  |  10 +++++
 src/components/SubscriptionButtons/style.tsx  |   2 +-
 src/data/podcasts.ts                          |   1 +
 src/types/index.ts                            |  37 +++++++++---------
 5 files changed, 31 insertions(+), 19 deletions(-)
 create mode 100644 public/static/img/subscription_icons/spotify.png

diff --git a/public/static/img/subscription_icons/spotify.png b/public/static/img/subscription_icons/spotify.png
new file mode 100644
index 0000000000000000000000000000000000000000..c23b83f59d5e47f6081c6e9c59bcdf978587a7dc
GIT binary patch
literal 1445
zcmV;W1zP%vP)<h;3K|Lk000e1NJLTq003A3003AB0{{R3MoYj30002VP)t-s0000O
z6cia06c`i~7!(v35D*y@6c`f|7!(v05D*y?6B!c|850v35)v2_6B!j17!(v36B8H`
z5*ZT{8Wa>46B8K~6&e#0859&A*I*vgULDC>85b299~c~iKO1;E9HmSeSS}s5QyD27
z86z4U&RiUbK^t*69l}^0&|Ms&OB{VY866iKmPZ?6G8#N19k5Xyyj2{XNgRzr8dEG9
zHz6FUP8^y@9Fs*FMJF0RBpt+A8cQi1zg8PwF&Qu)8)`KhWiuOeIk{HyD*ylh7<5uj
zQvlz;fIuM6pT7`LuaIwGpT3|l?|)CA?r010*Z=?ob4f%&R9M5cndzFEFcd&V)Uj^U
z&P>|`Ws^k&Q9y9Pecu0}N@wbXkOYwG`Kf&8yCk`n<fcZa*%<Wsr>A<o#U;D~94?_=
zuRlHU{Z6A<E62A^ugig(Xm$C{w|wi%TOCxS#j`_iAZsP+gF9;x93|==xC?LDDSHNY
z;t3Zc?|sd0;EwcC=>Q6t#TUu7m6h#E^TiAl(D)MPCWNS(V*#cR#-^&}F1xFD0GN!9
zHl!igs#qLyof)ibKqi)~F+<KDVO<hnE{3E7Ixin$9#EMNVIjjgpu&HMThwqBSPDgC
zj>R`XAs)k$93nvBZx!tTlF1O3W;&q=e$t0nhBqP8v#(41>cAUu2t^mo9WCDKF>{HS
z7++WcVw}nJh^AG<!#Ja9)*6{C_F*N)dZt`tSDOMWqTrrEt&it1tPGyreS8_~!|LLp
zj#rBxAcaI0-kqncH_L=gpm<hZy_2vnA12m}bWt3;vU(b23jZm5-*^VS_=}jhPD>48
zEbX-s`)d`=H@=XYChfFXw5}hAEmMkOUrbgRw=rUf)$0=~D2H~&tLrhfN33z=8lLK)
zG}{0o>~yg}VokV;HR8P!Sn9<FjfhAUhvX}X@!4Fj#{R*w4*pnirTJE)L~Wrlq>0Th
z@h${lwwG;cx)`2$j7E6S*Y#(n#OUwzL|9&ak=w1Y&CvQ<ioSk%MdFzNZ(?ePv+T<X
zXkUlKiwfnz(K0W)K;nYJCRnTW#*`#!=_=lk4BHX0kC}?Z>;h!DlQ6Re^jLM2DIWFG
zNlng#B6jiFk@h+(-_+%SUExTvjYWGZC=`xQ6>liw6|qyuckgY16t9cK6U;Fa#Tg}~
zBa=`EMML3zX7oaJ+?8()6LtqLkS<%iN}txmP!vs`vfsY1C@C!*+)H}=!{W&^%jaBh
zM9UDBP1bU|z#A~!E%@XeBIpSc!`oQxvHC-#beSSFO(xGE|F&cFo@5bvMP-w$6Knah
zKk1{-MJGnvxv3b~IboOC!2u-Z7_(<hwlivC#P1$tVN$;!Di&=7*qltpRxG57MVP_|
zx#(w~HWwOI3~XY*G}0I0*;%@Q9juqmIgDl~jPovUE6b&iAV(~z_n{p4)9g26C4cRb
zv}IPTGIl~E1D0VYMgN}9lx0iA#8u8qp865ClCvqqwy~lBORJL{+v5XeXw3aFkZ!3K
zOCfLL{jj6L;|@22#~jCgW)G11xSH1&aZiId^2Sw$nJg{M#~spZ+#}iwtw%OOdXH$`
z@T_Lj^oGQsHk(-OvB)p$9mmx67_+r0mTl-!H@mIJwjf`aO;e*FE0|5wW<i@*lXp3F
zQ)YIM+t(YAymq%jFaGv1r$I2Nq0TfLEu^&4@nFer9tt_1*+QK-n;_Uo6ScVc-@Ny=
z4O$Y2U-$Dq<5xnz9^oa^q&hvyZ6^2s+V71TjY0d~S`;<ks%+(7iY{aM?u~Y?+aoVy
znb*gizt_j@cAHDch<<Ykt?%ETpZWfPb$$E?<1EUjx$RPF00000NkvXXu0mjfr;dcu

literal 0
HcmV?d00001

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) {
         </a>
       )}
 
+      {podcast.spotifyUrl && (
+        <a href={podcast.spotifyUrl} target="_blank" rel="noopener noreferrer">
+          <SubscriptionAvatar
+            src="/static/img/subscription_icons/spotify.png"
+            alt="Spotify"
+          />
+        </a>
+      )}
+
       {podcast.rssFeedUrl && (
         <a href={podcast.rssFeedUrl} target="_blank" rel="noopener noreferrer">
           <SubscriptionAvatar
@@ -81,6 +90,7 @@ export default function SubscriptionButtons(props: Props) {
           />
         </a>
       )}
+
     </React.Fragment>
   );
 }
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 {