From 72f43c629dd15f4b530e473d84db500fcd0d71bb Mon Sep 17 00:00:00 2001
From: Git Agent <git@readabook.local>
Date: Fri, 28 Aug 2026 23:36:13 +0200
Subject: [PATCH] =?UTF-8?q?fix(web):=20accueil=20=E2=80=94=20r=C3=A9tablir?=
 =?UTF-8?q?=20la=20barre=20d'avancement=20dans=20les=20livres=20en=20cours?=
 =?UTF-8?q?=20(Meter=20avec=20progressPercent=20dans=20renderHomeBook,=20t?=
 =?UTF-8?q?uiles=20=C2=AB=20en=20cours=20=C2=BB=20pointant=20de=20nouveau?=
 =?UTF-8?q?=20vers=20le=20lecteur=20=E2=80=94=20correctif=20bug=20#47,=20r?=
 =?UTF-8?q?=C3=A9gression=20de=20l'=C3=A9volution=20#45)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/pages/HomePage.tsx                | 18 ++++++++++++++----
 .../src/pages/HomePageProgressScroll.test.ts   |  3 +++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/pages/HomePage.tsx b/apps/web/src/pages/HomePage.tsx
index ba60c05..23af4e9 100644
--- a/apps/web/src/pages/HomePage.tsx
+++ b/apps/web/src/pages/HomePage.tsx
@@ -3,7 +3,7 @@ import { BookOpen, LibraryBig, ScanLine } from "lucide-react";
 import { api } from "../api/client";
 import type { DashboardData } from "../api/types";
 import { bookDisplayTitle, bookVolumeLabel } from "../book/metadata";
-import { EmptyState, LoadingState, Panel } from "../components/ui";
+import { EmptyState, LoadingState, Meter, Panel } from "../components/ui";
 import { navigate } from "../router";
 
 export function HomePage() {
@@ -26,10 +26,14 @@ export function HomePage() {
 
   if (!state) return <LoadingState />;
 
-  const renderHomeBook = (item: DashboardData["books"][number], className = "home-book-card") => {
+  const renderHomeBook = (
+    item: DashboardData["books"][number],
+    className = "home-book-card",
+    options: { href?: string; progressPercent?: number } = {}
+  ) => {
     const volumeLabel = bookVolumeLabel(item);
     return (
-      <button key={item.id} className={className} onClick={() => navigate(`/book/${item.id}`)}>
+      <button key={item.id} className={className} onClick={() => navigate(options.href ?? `/book/${item.id}`)}>
         <span className="home-book-cover" aria-hidden="true">
           {item.coverPath ? <img src={api.bookCoverUrl(item.id)} alt="" /> : <BookOpen size={24} />}
         </span>
@@ -37,6 +41,7 @@ export function HomePage() {
           {volumeLabel && <span className="home-book-volume">{volumeLabel}</span>}
           <strong>{bookDisplayTitle(item)}</strong>
           <span>{item.author ?? "Auteur inconnu"}</span>
+          {options.progressPercent !== undefined && <Meter value={options.progressPercent} />}
         </span>
       </button>
     );
@@ -63,7 +68,12 @@ export function HomePage() {
         </div>
         {state.continueReading.length ? (
           <div className="continue-grid">
-            {state.continueReading.map((item) => renderHomeBook(item.book, "home-book-card continue-tile"))}
+            {state.continueReading.map((item) =>
+              renderHomeBook(item.book, "home-book-card continue-tile", {
+                href: `/reader/${item.book.id}`,
+                progressPercent: item.progress.percent
+              })
+            )}
           </div>
         ) : (
           <EmptyState title="Aucune trace" detail="Les lectures reprises apparaitront ici." />
diff --git a/apps/web/src/pages/HomePageProgressScroll.test.ts b/apps/web/src/pages/HomePageProgressScroll.test.ts
index 572dcae..c3a1f8c 100644
--- a/apps/web/src/pages/HomePageProgressScroll.test.ts
+++ b/apps/web/src/pages/HomePageProgressScroll.test.ts
@@ -21,6 +21,9 @@ describe("home progress list layout", () => {
 
     expect(source).toContain("renderHomeBook");
     expect(source).toContain("home-book-card");
+    expect(source).toContain("progressPercent");
+    expect(source).toContain("<Meter value={options.progressPercent} />");
+    expect(source).toContain("progressPercent: item.progress.percent");
     expect(source).not.toContain("<BookCard");
     expect(source).not.toContain("FormatPill");
     expect(source).not.toContain("bookMetadataState");