Fix episode name without metadata

front/packages/ui/src/details/episode.tsx

@@ -44,16 +44,18 @@ export const EpisodeBox = ({
 	thumbnail,
 	isLoading,
 	...props
-}: WithLoading<{
+}: Stylable &
-	name: string;
+	WithLoading<{
-	overview: string;
+		name: string | null;
-	thumbnail?: string | null;
+		overview: string;
-}> &
+		thumbnail?: string | null;
-	Stylable) => {
+	}>) => {
+	const { t } = useTranslation();
+
 	return (
 		<View {...props}>
 			<Image src={thumbnail} alt="" layout={{ width: percent(100), aspectRatio: 16 / 9 }} />
-			<Skeleton>{isLoading || <P>{name}</P>}</Skeleton>
+			<Skeleton>{isLoading || <P>{name ?? t("show.episodeNoMetadata")}</P>}</Skeleton>
 			<Skeleton>{isLoading || <P>{overview}</P>}</Skeleton>
 		</View>
 	);
@@ -70,8 +72,8 @@ export const EpisodeLine = ({
 }: WithLoading<{
 	slug: string;
 	displayNumber: string;
-	name: string;
+	name: string | null;
-	overview: string;
+	overview: string | null;
 	thumbnail?: string | null;
 }> &
 	Stylable) => {

front/packages/ui/src/details/season.tsx

@@ -50,8 +50,7 @@ export const EpisodeList = ({
 			{(item) => (
 				<EpisodeLine
 					{...item}
-					isLoading={item.isLoading}
+					displayNumber={item.isLoading ? undefined! : episodeDisplayNumber(item)!}
-					displayNumber={item.isLoading ? undefined : episodeDisplayNumber(item)}
 				/>
 			)}
 		</InfiniteFetch>