update sponsors list

Author: artlu99

src/pages/SponsorshipPage.tsx

@@ -1,49 +1,55 @@
-import styled from 'styled-components';
-import { Link } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
 import { BaseAvatar } from '@app/components/common/BaseAvatar/BaseAvatar';
-import { PageTitle } from '@app/components/common/PageTitle/PageTitle';
 import { BaseCol } from '@app/components/common/BaseCol/BaseCol';
+import { BaseDivider } from '@app/components/common/BaseDivider/BaseDivider';
+import { BaseImage } from '@app/components/common/BaseImage/BaseImage';
 import { BaseRow } from '@app/components/common/BaseRow/BaseRow';
 import { BaseSpace } from '@app/components/common/BaseSpace/BaseSpace';
-import { BaseImage } from '@app/components/common/BaseImage/BaseImage';
+import { PageTitle } from '@app/components/common/PageTitle/PageTitle';
+import { animatedShowLogo } from '@app/constants/bcbhshowAssets';
 import * as S from '@app/pages/uiComponentsPages//UIComponentsPage.styles';
 import { FONT_SIZE, FONT_WEIGHT } from '@app/styles/themes/constants';
-import { animatedShowLogo } from '@app/constants/bcbhshowAssets';
-import { BaseDivider } from '@app/components/common/BaseDivider/BaseDivider';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import styled from 'styled-components';
 
 const seasonOne = [
   {
+    episode: 1,
     username: 'farchiver',
     sponsor: 'Farchiver',
     url: 'https://farchiver.xyz',
     pfp: 'https://i.imgur.com/e2TcmDN.png',
   },
   {
+    episode: 2,
     username: 'farchiver',
     sponsor: 'Farchiver',
     url: 'https://farchiver.xyz',
     pfp: 'https://i.imgur.com/e2TcmDN.png',
   },
   {
+    episode: 3,
     username: 'beecurious',
     sponsor: '/farcastea',
     url: 'https://farcastea.xyz',
     pfp: 'https://i.imgur.com/HTCi4oR.jpg',
   },
   {
+    episode: 4,
     username: 'proxystudio.eth',
     sponsor: '/openventures',
     url: 'https://warpcast.com/~/channel/openventures',
     pfp: 'https://i.imgur.com/Ut3XLfb.gif',
   },
   {
+    episode: 5,
     username: 'borodutch',
     sponsor: 'WDLATY',
     url: 'https://book.borodutch.com',
     pfp: 'https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/8636a84e-65a4-4b0e-ea5f-4d0a9f1c6000/original',
   },
   {
+    episode: 6,
     username: 'farchiver',
     sponsor: 'Farchiver',
     url: 'https://farchiver.xyz',
@@ -52,16 +58,45 @@ const seasonOne = [
 ];
 const seasonTwo = [
   {
+    episode: 1,
     username: 'poidh',
     sponsor: 'POIDH Community',
     url: 'https://poidh.xyz/degen/bounty/325',
     pfp: 'https://i.imgur.com/Pr8nzyn.png',
   },
   {
-    username: 'farchiver',
-    sponsor: 'Farchiver',
-    url: 'https://farchiver.xyz',
-    pfp: 'https://i.imgur.com/e2TcmDN.png',
+    episode: 2,
+    username: 'lunchbreak',
+    sponsor: 'Lunchbreak (intern)',
+    url: 'https://lunchbreak.com',
+    pfp: 'https://imagedelivery.net/BXluQx4ige9GuW0Ia56BHw/71830630-d950-43d1-68c8-c2fa358e4e00/rectcrop3',
+  },
+  {
+    episode: 3,
+    username: 'farcasteradmin.eth',
+    sponsor: 'Lunchbreak',
+    url: 'https://lunchbreak.com',
+    pfp: 'https://i.imgur.com/ocVJAGC.png',
+  },
+  {
+    episode: 4,
+    username: 'samantha',
+    sponsor: 'Humankind',
+    url: 'https://humankind.place',
+    pfp: 'https://i.imgur.com/I8rrHEA.png',
+  },
+  {
+    episode: 5,
+    username: 'christin',
+    sponsor: '<your name here>',
+    url: 'https://warpcast.com/christin',
+  },
+  {
+    episode: 6,
+    username: 'interface',
+    sponsor: 'Interface',
+    url: 'https://interface.social',
+    pfp: 'https://i.imgur.com/7pGP91I.jpg',
   },
 ];
 const Text = styled.span`
@@ -103,28 +138,36 @@ const SponsorshipPage: React.FC = () => {
           <BaseCol id="top-right" xs={24} lg={12}>
             <S.Card title={t('sponsorship.rightCardTitle')}>
               <BaseSpace direction="vertical" wrap>
-                {seasonOne.map((sponsor, idx) => (
-                  <BaseRow gutter={[30, 30]} key={`season-1-sponsor-${idx}`}>
-                    <Link to={`https://farcaster.id/${sponsor.username}`} target={'_blank'}>
-                      <BaseAvatar src={sponsor.pfp} alt={`@${sponsor.username}`} shape="circle" />
-                    </Link>
-                    {'   '}
-                    <Link to={sponsor.url} target={'_blank'}>
-                      <LinkText>{sponsor.sponsor}</LinkText>
-                    </Link>
+                {seasonTwo.map((sponsor, idx) => (
+                  <BaseRow gutter={[30, 30]} key={`season-2-sponsor-${idx}`}>
+                    <BaseCol>
+                      <Link to={`https://farcaster.id/${sponsor.username}`} target={'_blank'}>
+                        <BaseAvatar src={sponsor.pfp} alt={`@${sponsor.username}`} shape="circle" />
+                      </Link>
+                    </BaseCol>
+                    <BaseCol>S02E0{sponsor.episode}</BaseCol>{' '}
+                    <BaseCol>
+                      <Link to={sponsor.url} target={'_blank'}>
+                        <LinkText>{sponsor.sponsor}</LinkText>
+                      </Link>
+                    </BaseCol>
                     <br />
                   </BaseRow>
                 ))}
                 <BaseDivider />
-                {seasonTwo.map((sponsor, idx) => (
-                  <BaseRow gutter={[30, 30]} key={`season-2-sponsor-${idx}`}>
-                    <Link to={`https://farcaster.id/${sponsor.username}`} target={'_blank'}>
-                      <BaseAvatar src={sponsor.pfp} alt={`@${sponsor.username}`} shape="circle" />
-                    </Link>
-                    {'   '}
-                    <Link to={sponsor.url} target={'_blank'}>
-                      <LinkText>{sponsor.sponsor}</LinkText>
-                    </Link>
+                {seasonOne.map((sponsor, idx) => (
+                  <BaseRow gutter={[30, 30]} key={`season-1-sponsor-${idx}`}>
+                    <BaseCol>
+                      <Link to={`https://farcaster.id/${sponsor.username}`} target={'_blank'}>
+                        <BaseAvatar src={sponsor.pfp} alt={`@${sponsor.username}`} shape="circle" />
+                      </Link>
+                    </BaseCol>
+                    <BaseCol>S01E0{sponsor.episode}</BaseCol>{' '}
+                    <BaseCol>
+                      <Link to={sponsor.url} target={'_blank'}>
+                        <LinkText>{sponsor.sponsor}</LinkText>
+                      </Link>
+                    </BaseCol>
                     <br />
                   </BaseRow>
                 ))}