From 5d31c87374c766e2cbf82d3f14e90b75d34d5a3d Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sun, 2 Mar 2025 15:37:42 +0100
Subject: [PATCH] fix: warn on images

---
 src/components/ui/book-cover.tsx   | 4 ++--
 src/components/ui/cover-client.tsx | 2 +-
 src/components/ui/series-cover.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/book-cover.tsx b/src/components/ui/book-cover.tsx
index 33f5e4c..df5ddba 100644
--- a/src/components/ui/book-cover.tsx
+++ b/src/components/ui/book-cover.tsx
@@ -2,7 +2,7 @@
 
 import { CoverClient } from "./cover-client";
 import { ProgressBar } from "./progress-bar";
-import type { BookCoverProps} from "./cover-utils";
+import type { BookCoverProps } from "./cover-utils";
 import { getImageUrl } from "./cover-utils";
 import { ClientOfflineBookService } from "@/lib/services/client-offlinebook.service";
 import { MarkAsReadButton } from "./mark-as-read-button";
@@ -52,7 +52,7 @@ export function BookCover({
   alt = "Image de couverture",
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
   onSuccess,
   showControls = true,
diff --git a/src/components/ui/cover-client.tsx b/src/components/ui/cover-client.tsx
index f33126d..64d07dc 100644
--- a/src/components/ui/cover-client.tsx
+++ b/src/components/ui/cover-client.tsx
@@ -20,7 +20,7 @@ export const CoverClient = ({
   alt,
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   isCompleted = false,
 }: CoverClientProps) => {
   const [imageError, setImageError] = useState(false);
diff --git a/src/components/ui/series-cover.tsx b/src/components/ui/series-cover.tsx
index 1589db6..6544bd3 100644
--- a/src/components/ui/series-cover.tsx
+++ b/src/components/ui/series-cover.tsx
@@ -2,7 +2,7 @@
 
 import { CoverClient } from "./cover-client";
 import { ProgressBar } from "./progress-bar";
-import type { SeriesCoverProps} from "./cover-utils";
+import type { SeriesCoverProps } from "./cover-utils";
 import { getImageUrl } from "./cover-utils";
 
 export function SeriesCover({
@@ -10,7 +10,7 @@ export function SeriesCover({
   alt = "Image de couverture",
   className,
   quality = 80,
-  sizes = "100vw",
+  sizes = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
   showProgressUi = true,
 }: SeriesCoverProps) {
   const imageUrl = getImageUrl("series", series.id);