From c21fa5b5350abdd8e03c077fde7246fa398e176e Mon Sep 17 00:00:00 2001
From: sct <sctsnipe@gmail.com>
Date: Thu, 17 Dec 2020 01:14:12 +0000
Subject: [PATCH] fix(frontend): fix tv shows failing to open when firstAirDate
 is undefined

fix #347
---
 server/models/Tv.ts                | 2 +-
 src/components/TitleCard/index.tsx | 4 ++--
 src/components/TvDetails/index.tsx | 8 ++++++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/server/models/Tv.ts b/server/models/Tv.ts
index f303c95c2..f1e8f7797 100644
--- a/server/models/Tv.ts
+++ b/server/models/Tv.ts
@@ -56,7 +56,7 @@ export interface TvDetails {
     profilePath?: string;
   }[];
   episodeRunTime: number[];
-  firstAirDate: string;
+  firstAirDate?: string;
   genres: Genre[];
   homepage: string;
   inProduction: boolean;
diff --git a/src/components/TitleCard/index.tsx b/src/components/TitleCard/index.tsx
index 443f06a1b..c460a9f90 100644
--- a/src/components/TitleCard/index.tsx
+++ b/src/components/TitleCard/index.tsx
@@ -21,7 +21,7 @@ interface TitleCardProps {
   id: number;
   image?: string;
   summary?: string;
-  year: string;
+  year?: string;
   title: string;
   userScore: number;
   mediaType: MediaType;
@@ -169,7 +169,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
               >
                 <div className="absolute bottom-0 w-full left-0 right-0">
                   <div className="px-2 text-white">
-                    <div className="text-sm">{year}</div>
+                    {year && <div className="text-sm">{year}</div>}
 
                     <h1 className="text-xl leading-tight whitespace-normal">
                       {title}
diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
index 451a119f8..84e5fc156 100644
--- a/src/components/TvDetails/index.tsx
+++ b/src/components/TvDetails/index.tsx
@@ -227,8 +227,12 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
             )}
           </div>
           <h1 className="text-2xl md:text-4xl">
-            {data.name}{' '}
-            <span className="text-2xl">({data.firstAirDate.slice(0, 4)})</span>
+            <span>{data.name}</span>
+            {data.firstAirDate && (
+              <span className="text-2xl ml-2">
+                ({data.firstAirDate.slice(0, 4)})
+              </span>
+            )}
           </h1>
           <span className="text-xs md:text-base mt-1 md:mt-0">
             {data.genres.map((g) => g.name).join(', ')}