mirror of
https://github.com/jakejarvis/sofa.git
synced 2026-08-29 06:15:39 -04:00
jake
69f04937bc
- Add `revalidate` option to `refreshCredits` and `refreshRecommendations`;
pass `{ revalidate: false }` from `ensureEnriched` to avoid calling
`updateTag` outside Server Actions/Route Handlers
- Add `hideScrollbar` prop to all horizontal ScrollArea instances
(continue-watching, title rows, filterable row, cast carousel)
- Replace text-only type badge in HeroBanner with icon + label using
IconMovie / IconDeviceTv
- Fix StatusButton destructive hover overrides with `!important` so
they correctly supersede the status-specific background/text/ring
33 lines
831 B
TypeScript
33 lines
831 B
TypeScript
import { ScrollArea } from "@/components/ui/scroll-area";
|
|
import {
|
|
ContinueWatchingCard,
|
|
type ContinueWatchingItemProps,
|
|
} from "./continue-watching-card";
|
|
|
|
export function ContinueWatchingList({
|
|
items,
|
|
}: {
|
|
items: ContinueWatchingItemProps[];
|
|
}) {
|
|
return (
|
|
<ScrollArea
|
|
scrollFade
|
|
hideScrollbar
|
|
className="-mx-4 sm:-mx-0 [&_[data-slot=scroll-area-content]]:px-px"
|
|
>
|
|
<div className="flex gap-4 px-4 py-2 sm:px-0">
|
|
{items.map((item, i) => (
|
|
<div key={item.title.id} className="shrink-0">
|
|
<div
|
|
className="animate-stagger-item"
|
|
style={{ "--stagger-index": i } as React.CSSProperties}
|
|
>
|
|
<ContinueWatchingCard item={item} />
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</ScrollArea>
|
|
);
|
|
}
|