From 5893f1a15feae3bb518f348134d1bed424aa2730 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Fri, 28 Feb 2025 07:38:48 +0100
Subject: [PATCH] fix: error on hydration and ErrorMessage

---
 src/app/books/[bookId]/page.tsx        | 3 ++-
 src/app/libraries/[libraryId]/page.tsx | 5 +++--
 src/app/page.tsx                       | 3 +--
 src/app/series/[seriesId]/page.tsx     | 3 ++-
 src/components/auth/LoginForm.tsx      | 2 +-
 src/components/auth/RegisterForm.tsx   | 2 +-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/books/[bookId]/page.tsx b/src/app/books/[bookId]/page.tsx
index e927795..8f86dcf 100644
--- a/src/app/books/[bookId]/page.tsx
+++ b/src/app/books/[bookId]/page.tsx
@@ -6,6 +6,7 @@ import { notFound } from "next/navigation";
 import { withPageTiming } from "@/lib/hoc/withPageTiming";
 import { KomgaBookWithPages } from "@/types/komga";
 import { ErrorMessage } from "@/components/ui/ErrorMessage";
+import { ERROR_CODES } from "@/constants/errorCodes";
 
 async function BookPage({ params }: { params: { bookId: string } }) {
   try {
@@ -20,7 +21,7 @@ async function BookPage({ params }: { params: { bookId: string } }) {
     console.error("Erreur:", error);
     return (
       <div className="container py-8 space-y-8">
-        <ErrorMessage error={error as Error} errorCode="BOOK_FETCH_ERROR" />
+        <ErrorMessage errorCode={ERROR_CODES.SERIES.FETCH_ERROR} />
       </div>
     );
   }
diff --git a/src/app/libraries/[libraryId]/page.tsx b/src/app/libraries/[libraryId]/page.tsx
index 63dde01..04fc2a8 100644
--- a/src/app/libraries/[libraryId]/page.tsx
+++ b/src/app/libraries/[libraryId]/page.tsx
@@ -8,6 +8,7 @@ import { ErrorMessage } from "@/components/ui/ErrorMessage";
 import { LibraryResponse } from "@/types/library";
 import { KomgaSeries, KomgaLibrary } from "@/types/komga";
 import { UserPreferences } from "@/types/preferences";
+import { ERROR_CODES } from "@/constants/errorCodes";
 
 interface PageProps {
   params: { libraryId: string };
@@ -98,13 +99,13 @@ async function LibraryPage({ params, searchParams }: PageProps) {
             <h1 className="text-3xl font-bold">Séries</h1>
             <RefreshButton libraryId={params.libraryId} refreshLibrary={refreshLibrary} />
           </div>
-          <ErrorMessage error={error as Error} errorCode="SERIES_FETCH_ERROR" />
+          <ErrorMessage errorCode={ERROR_CODES.SERIES.FETCH_ERROR} />
         </div>
       );
     }
     return (
       <div className="container py-8 space-y-8">
-        <ErrorMessage error={error as Error} errorCode="SERIES_FETCH_ERROR" />
+        <ErrorMessage errorCode={ERROR_CODES.SERIES.FETCH_ERROR} />
       </div>
     );
   }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8b6fc06..4b2ae32 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -24,7 +24,6 @@ async function refreshHome() {
 async function HomePage() {
   try {
     const data: HomeData = await HomeService.getHomeData();
-
     return <HomeContent data={data} refreshHome={refreshHome} />;
   } catch (error) {
     // Si l'erreur indique une configuration manquante, rediriger vers les préférences
@@ -34,7 +33,7 @@ async function HomePage() {
 
     return (
       <main className="container mx-auto px-4 py-8">
-        <ErrorMessage error={error as Error} errorCode="HOME_FETCH_ERROR" />
+        <ErrorMessage errorCode={ERROR_CODES.KOMGA.SERVER_UNREACHABLE} />
       </main>
     );
   }
diff --git a/src/app/series/[seriesId]/page.tsx b/src/app/series/[seriesId]/page.tsx
index a06d597..57eb5cc 100644
--- a/src/app/series/[seriesId]/page.tsx
+++ b/src/app/series/[seriesId]/page.tsx
@@ -8,6 +8,7 @@ import { ErrorMessage } from "@/components/ui/ErrorMessage";
 import { LibraryResponse } from "@/types/library";
 import { KomgaBook, KomgaSeries } from "@/types/komga";
 import { UserPreferences } from "@/types/preferences";
+import { ERROR_CODES } from "@/constants/errorCodes";
 
 interface PageProps {
   params: { seriesId: string };
@@ -78,7 +79,7 @@ async function SeriesPage({ params, searchParams }: PageProps) {
     return (
       <div className="container py-8 space-y-8">
         <h1 className="text-3xl font-bold">Série</h1>
-        <ErrorMessage error={error as Error} errorCode="SERIES_FETCH_ERROR" />
+        <ErrorMessage errorCode={ERROR_CODES.SERIES.FETCH_ERROR} />
       </div>
     );
   }
diff --git a/src/components/auth/LoginForm.tsx b/src/components/auth/LoginForm.tsx
index e5f58b7..44c94a6 100644
--- a/src/components/auth/LoginForm.tsx
+++ b/src/components/auth/LoginForm.tsx
@@ -89,7 +89,7 @@ export function LoginForm({ from }: LoginFormProps) {
           {t("login.form.remember")}
         </label>
       </div>
-      {error && <ErrorMessage error={error as Error} errorCode={error.code} variant="form" />}
+      {error && <ErrorMessage errorCode={error.code} variant="form" />}
       <button
         type="submit"
         disabled={isLoading}
diff --git a/src/components/auth/RegisterForm.tsx b/src/components/auth/RegisterForm.tsx
index 7b7ea6a..e0794d9 100644
--- a/src/components/auth/RegisterForm.tsx
+++ b/src/components/auth/RegisterForm.tsx
@@ -100,7 +100,7 @@ export function RegisterForm({ from }: RegisterFormProps) {
           className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
         />
       </div>
-      {error && <ErrorMessage error={error as Error} errorCode={error.code} variant="form" />}
+      {error && <ErrorMessage errorCode={error.code} variant="form" />}
       <button
         type="submit"
         disabled={isLoading}