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 && (