feat: add favorite series carousel on home page
All checks were successful
Build, Push & Deploy / deploy (push) Successful in 4m15s

Displays a carousel of favorite series after the ongoing sections.
Hidden when the user has no favorites.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-15 16:03:06 +01:00
parent b0d56948a3
commit 1d03cfc177
6 changed files with 20 additions and 2 deletions

View File

@@ -25,6 +25,14 @@ export function HomeContent({ data }: HomeContentProps) {
/>
)}
{data.favorites && data.favorites.length > 0 && (
<MediaRow
titleKey="home.sections.favorites"
items={data.favorites}
iconName="Heart"
/>
)}
{data.onDeck && data.onDeck.length > 0 && (
<MediaRow
titleKey="home.sections.up_next"

View File

@@ -7,7 +7,7 @@ import { SeriesCover } from "../ui/series-cover";
import { useTranslate } from "@/hooks/useTranslate";
import { ScrollContainer } from "@/components/ui/scroll-container";
import { Section } from "@/components/ui/section";
import { History, Sparkles, Clock, LibraryBig, BookOpen } from "lucide-react";
import { History, Sparkles, Clock, LibraryBig, BookOpen, Heart } from "lucide-react";
import { Card } from "@/components/ui/card";
import { useBookOfflineStatus } from "@/hooks/useBookOfflineStatus";
import { cn } from "@/lib/utils";
@@ -25,6 +25,7 @@ const iconMap = {
Clock,
Sparkles,
History,
Heart,
};
function isSeries(item: NormalizedSeries | NormalizedBook): item is NormalizedSeries {