fix(ui): hide null dates in episodes list (#3035)

server/api/themoviedb/interfaces.ts

@@ -191,7 +191,7 @@ export interface TmdbVideo {
 
 export interface TmdbTvEpisodeResult {
   id: number;
-  air_date: string;
+  air_date: string | null;
   episode_number: number;
   name: string;
   overview: string;

server/models/Tv.ts

@@ -29,7 +29,7 @@ import type { Video } from './Movie';
 interface Episode {
   id: number;
   name: string;
-  airDate: string;
+  airDate: string | null;
   episodeNumber: number;
   overview: string;
   productionCode: string;

src/components/TvDetails/Season/index.tsx

@@ -41,7 +41,9 @@ const Season = ({ seasonNumber, tvId }: SeasonProps) => {
               <div className="flex-1">
                 <div className="flex flex-col space-y-2 xl:flex-row xl:items-center xl:space-y-0 xl:space-x-2">
                   <h3 className="text-lg">{episode.name}</h3>
+                  {episode.airDate && (
                     <AirDateBadge airDate={episode.airDate} />
+                  )}
                 </div>
                 {episode.overview && <p>{episode.overview}</p>}
               </div>

src/components/TvDetails/index.tsx

@@ -829,6 +829,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
               </div>
             )}
             {data.nextEpisodeToAir &&
+              data.nextEpisodeToAir.airDate &&
               data.nextEpisodeToAir.airDate !== data.firstAirDate && (
                 <div className="media-fact">
                   <span>{intl.formatMessage(messages.nextAirDate)}</span>