From 34dfa57dc0a6e8456822a25b128761cdeb98c996 Mon Sep 17 00:00:00 2001
From: "ext.jeremy.guillot@maxicoffee.domains" <j.guillot_ext@maxicoffee.com>
Date: Mon, 31 Mar 2025 16:55:49 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20ajout=20de=20la=20gestion=20des=20clics?=
 =?UTF-8?q?=20sur=20les=20mangas=20dans=20le=20composant=20HomePage,=20per?=
 =?UTF-8?q?mettant=20la=20navigation=20vers=20la=20page=20de=20d=C3=A9tail?=
 =?UTF-8?q?s=20du=20manga=20s=C3=A9lectionn=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vue/app/domain/manga/presentation/pages/HomePage.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/vue/app/domain/manga/presentation/pages/HomePage.vue b/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
index ad5cf6a..6b4ac58 100644
--- a/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
+++ b/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
@@ -3,7 +3,10 @@
         <Toolbar :config="toolbarConfig" class="sticky top-16 z-10" />
         <div class="container mx-auto px-4">
             <MangaGrid v-if="viewMode === 'grid'" :mangas="collection?.items || []" />
-            <MangaList v-else-if="viewMode === 'list'" :mangas="collection?.items || []" />
+            <MangaList
+                v-else-if="viewMode === 'list'"
+                :mangas="collection?.items || []"
+                @manga-click="handleMangaClick" />
             <div
                 v-if="isBackgroundLoading"
                 class="fixed bottom-4 right-4 bg-gray-800 text-white px-4 py-2 rounded-lg shadow-lg">
@@ -46,6 +49,10 @@
         mangaStore.loadCollection();
     });
 
+    const handleMangaClick = manga => {
+        router.push({ name: 'manga-details', params: { id: manga.id } });
+    };
+
     const toolbarConfig = {
         leftSection: [
             {