From 74d3cabcc3eb5f483580cd672d174435f8570603 Mon Sep 17 00:00:00 2001
From: Altay <altay@zebrastik.com>
Date: Sat, 16 Dec 2023 14:34:47 +0300
Subject: [PATCH] refactor: remove `description` prop from `show-card`

---
 app/shows/page.tsx               | 8 ++------
 components/show-card.stories.tsx | 2 --
 components/show-card.tsx         | 2 +-
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/app/shows/page.tsx b/app/shows/page.tsx
index d925d55..702bb3d 100644
--- a/app/shows/page.tsx
+++ b/app/shows/page.tsx
@@ -9,9 +9,7 @@ import { cookies } from 'next/headers';
 
 const fetchAllShows = async () => {
   const supabase = createSupabaseServerClient(cookies());
-  const response = await supabase
-    .from('show')
-    .select('id, title, description, images');
+  const response = await supabase.from('show').select('id, title, images');
 
   return response;
 };
@@ -21,7 +19,7 @@ const fetchMyShows = async () => {
   const accountId = await getAccountId();
   const response = await supabase
     .from('account_show_relation')
-    .select('show (id, title, description, images)')
+    .select('show (id, title, images)')
     .eq('account', accountId)
     .not('show', 'is', null);
 
@@ -71,7 +69,6 @@ export default async function Page() {
           >
             {myShows.map(({ show }) => (
               <ShowCard.Link
-                description={show.description}
                 href={`/shows/${show.id}`}
                 images={show.images}
                 key={show.id}
@@ -106,7 +103,6 @@ export default async function Page() {
       >
         {showsData?.map((show) => (
           <ShowCard.Link
-            description={show.description}
             href={`/shows/${show.id}`}
             images={show.images}
             key={show.id}
diff --git a/components/show-card.stories.tsx b/components/show-card.stories.tsx
index 362c082..cc1d797 100644
--- a/components/show-card.stories.tsx
+++ b/components/show-card.stories.tsx
@@ -8,7 +8,6 @@ import { ShowCard } from './show-card';
 export const Link: StoryObj<typeof ShowCard.Link> = {
   render: () => (
     <ShowCard.Link
-      description="On Twitter at @naval."
       href="/shows/naval"
       images={[
         'https://static.libsyn.com/p/assets/6/e/9/c/6e9cf22bfd4fc1885f2e77a3093c12a1/Podcast.png',
@@ -25,7 +24,6 @@ export const Toggle: StoryObj<typeof ShowCard.Toggle> = {
 
     return (
       <ShowCard.Toggle
-        description="Welcome to In Depth, a new podcast from First Round Review that’s dedicated to surfacing the tactical advice founders and startup leaders need to grow their teams, their companies and themselves. Hosted by Brett Berson, a partner at First Round, In Depth will cover a lot of ground and a wide range of topics, from hiring executives and becoming a better manager, to the importance of storytelling inside of your organization. But every interview will hit the level of tactical depth where the very best advice is found. We hope you’ll join us. Subscribe to “In Depth” now and lear..."
         images={[
           'https://megaphone.imgix.net/podcasts/9426cbf8-25fe-11ec-a0b4-fb6861cc1eaf/image/In_Depth_Podcast_Logo.jpeg?ixlib=rails-4.3.1&max-w=3000&max-h=3000&fit=crop&auto=format,compress',
         ]}
diff --git a/components/show-card.tsx b/components/show-card.tsx
index 4ba5bc8..d7889a3 100644
--- a/components/show-card.tsx
+++ b/components/show-card.tsx
@@ -18,7 +18,7 @@ import { FaCircleCheck, FaPlay } from 'react-icons/fa6';
 import styles from './show-card.module.css';
 import { Hover } from './ui/hover';
 
-type Props = Pick<Tables<'show'>, 'description' | 'images' | 'title'>;
+type Props = Pick<Tables<'show'>, 'images' | 'title'>;
 
 function ShowCardImage(props: Pick<Props, 'images' | 'title'>) {
   return (