diff --git a/front/src/components/entries/entry-line.tsx b/front/src/components/entries/entry-line.tsx index b3f569ee..11b2ab98 100644 --- a/front/src/components/entries/entry-line.tsx +++ b/front/src/components/entries/entry-line.tsx @@ -29,6 +29,7 @@ export const EntryLine = ({ serieSlug, name, thumbnail, + poster, description, displayNumber, airDate, @@ -44,6 +45,7 @@ export const EntryLine = ({ name: string | null; description: string | null; thumbnail: KImage | null; + poster?: KImage | null; airDate: Date | null; runtime: number | null; watchedPercent: number | null; @@ -81,12 +83,12 @@ export const EntryLine = ({ )} > @@ -105,7 +107,9 @@ export const EntryLine = ({ > {/* biome-ignore lint/a11y/useValidAriaValues: simply use H6 for the style but keep a P */}
- {[displayNumber, name ?? t("show.episodeNoMetadata")].join(" · ")} + {[displayNumber, name ?? t("show.episodeNoMetadata")] + .filter((x) => x) + .join(" · ")}
diff --git a/front/src/components/entries/index.ts b/front/src/components/entries/index.ts index 9c3073e7..aecb4df4 100644 --- a/front/src/components/entries/index.ts +++ b/front/src/components/entries/index.ts @@ -8,7 +8,7 @@ export const entryDisplayNumber = (entry: Entry) => { case "episode": return `S${entry.seasonNumber}:E${entry.episodeNumber}`; case "special": - return `SP${entry.number}` + return `SP${entry.number}`; case "movie": return ""; default: diff --git a/front/src/primitives/image-background.tsx b/front/src/primitives/image-background.tsx index 37a23f7a..bc1d4ce0 100644 --- a/front/src/primitives/image-background.tsx +++ b/front/src/primitives/image-background.tsx @@ -42,7 +42,7 @@ export const ImageBackground = ({ }} placeholder={{ blurhash: src?.blurhash }} accessibilityLabel={alt} - {...(css(layout, props) as any)} + {...(css([layout, { overflow: "hidden" }], props) as any)} /> ); };