diff --git a/src/components/home/HomeContent.tsx b/src/components/home/HomeContent.tsx index bb51aa2..58045ae 100644 --- a/src/components/home/HomeContent.tsx +++ b/src/components/home/HomeContent.tsx @@ -2,6 +2,7 @@ import { HeroSection } from "./HeroSection"; import { MediaRow } from "./MediaRow"; import { KomgaBook, KomgaSeries } from "@/types/komga"; import { RefreshButton } from "@/components/library/RefreshButton"; +import { BookOpenCheck, History, Sparkles, Clock } from "lucide-react"; interface HomeData { ongoing: KomgaSeries[]; @@ -62,19 +63,35 @@ export function HomeContent({ data, refreshHome }: HomeContentProps) { {/* Sections de contenu */}
{data.ongoing && data.ongoing.length > 0 && ( - + } + /> )} {data.onDeck && data.onDeck.length > 0 && ( - + } + /> )} {data.latestSeries && data.latestSeries.length > 0 && ( - + } + /> )} {data.recentlyRead && data.recentlyRead.length > 0 && ( - + } + /> )}
diff --git a/src/components/home/MediaRow.tsx b/src/components/home/MediaRow.tsx index 26c4708..4b8c34e 100644 --- a/src/components/home/MediaRow.tsx +++ b/src/components/home/MediaRow.tsx @@ -26,9 +26,10 @@ interface OptimizedBook extends BaseItem { interface MediaRowProps { title: string; items: (OptimizedSeries | OptimizedBook)[]; + icon?: React.ReactNode; } -export function MediaRow({ title, items }: MediaRowProps) { +export function MediaRow({ title, items, icon }: MediaRowProps) { const scrollContainerRef = useRef(null); const [showLeftArrow, setShowLeftArrow] = useState(false); const [showRightArrow, setShowRightArrow] = useState(true); @@ -58,7 +59,10 @@ export function MediaRow({ title, items }: MediaRowProps) { return (
-

{title}

+
+ {icon} +

{title}

+
{/* Bouton de défilement gauche */} {showLeftArrow && (