feat(frontend): add ShowTile, SeasonTile, BreadcrumbNav components

This commit is contained in:
2026-03-20 01:19:08 +01:00
parent 5b89481104
commit 5cc4cde223
3 changed files with 179 additions and 0 deletions

View File

@@ -0,0 +1,41 @@
interface Props {
series?: string;
season?: number;
onNavigate: (target: "root" | "series") => void;
}
export function BreadcrumbNav({ series, season, onNavigate }: Props) {
return (
<nav className="flex items-center gap-1 px-1 py-2 text-sm">
<button
type="button"
className="text-zinc-400 hover:text-zinc-100 transition-colors"
onClick={() => onNavigate("root")}
>
Library
</button>
{series && (
<>
<span className="text-zinc-600"></span>
{season != null ? (
<button
type="button"
className="text-zinc-400 hover:text-zinc-100 transition-colors"
onClick={() => onNavigate("series")}
>
{series}
</button>
) : (
<span className="text-zinc-100">{series}</span>
)}
</>
)}
{season != null && (
<>
<span className="text-zinc-600"></span>
<span className="text-zinc-100">Season {season}</span>
</>
)}
</nav>
);
}