mirror of
https://github.com/jakejarvis/sofa.git
synced 2026-08-29 06:15:39 -04:00
jake
71b39d5aca
Rename the person detail route from `app/(pages)/person/[id]` to `app/(pages)/people/[id]` and update all internal links accordingly. Strip crew members from the cast carousel so only actors are shown; remove the `crew` prop from `CastCarousel` and `TitleCast` entirely. Move the trailer trigger from the metadata row into a centered overlay on the backdrop image using a new `variant="backdrop"` prop on `TrailerDialog`, replacing the previous inline button approach. Swap several icons for better semantic matches: `IconBooks` for the library section, `IconCheck` for the "Mark Watched" button, `IconSparkles` on the Recommendations heading, and `IconDeviceTvOld` on the Seasons heading. Replace a nested `motion.p` with a plain `<p>` using CSS `transition-opacity` in `StatsDisplay`. Remove the `animate-gentle-float` keyframe and the `feed-scroll` utility from `globals.css`, replacing the latter with the existing `no-scrollbar` class.
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { IconDeviceTv } from "@tabler/icons-react";
|
|
import Link from "next/link";
|
|
import { getUserStats } from "@/lib/services/discovery";
|
|
import { StatsDisplay } from "./stats-display";
|
|
|
|
export async function StatsSection({ userId }: { userId: string }) {
|
|
const stats = await getUserStats(userId);
|
|
|
|
const isEmpty =
|
|
stats.moviesThisMonth === 0 &&
|
|
stats.episodesThisWeek === 0 &&
|
|
stats.librarySize === 0 &&
|
|
stats.completed === 0;
|
|
|
|
return (
|
|
<>
|
|
<StatsDisplay stats={stats} />
|
|
{isEmpty && (
|
|
<div className="flex flex-col items-center gap-4 rounded-xl border border-dashed border-border/50 py-16 text-center">
|
|
<div className="rounded-full bg-primary/10 p-4">
|
|
<IconDeviceTv className="size-8 text-primary" />
|
|
</div>
|
|
<div className="space-y-1">
|
|
<p className="font-medium">Your library is empty</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
Search for movies and TV shows to start tracking
|
|
</p>
|
|
</div>
|
|
<Link
|
|
href="/explore"
|
|
className="inline-flex h-9 items-center rounded-lg bg-primary px-4 text-sm font-medium text-primary-foreground transition-all hover:shadow-md hover:shadow-primary/20"
|
|
>
|
|
Start exploring
|
|
</Link>
|
|
</div>
|
|
)}
|
|
</>
|
|
);
|
|
}
|