From a3a3e149e83f1812e9da90b0a11aa23c8bafc725 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Wed, 19 Feb 2025 22:33:18 +0100
Subject: [PATCH] fix: filter on bookgrid ko

---
 src/components/series/BookGrid.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/series/BookGrid.tsx b/src/components/series/BookGrid.tsx
index c7ef6df..36a94ae 100644
--- a/src/components/series/BookGrid.tsx
+++ b/src/components/series/BookGrid.tsx
@@ -4,7 +4,7 @@ import { KomgaBook } from "@/types/komga";
 import { formatDate } from "@/lib/utils";
 import { Cover } from "@/components/ui/cover";
 import { MarkAsReadButton } from "@/components/ui/mark-as-read-button";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 interface BookGridProps {
   books: KomgaBook[];
@@ -44,6 +44,11 @@ const getReadingStatusInfo = (book: KomgaBook) => {
 export function BookGrid({ books, onBookClick }: BookGridProps) {
   const [localBooks, setLocalBooks] = useState(books);
 
+  // Synchroniser localBooks avec les props books
+  useEffect(() => {
+    setLocalBooks(books);
+  }, [books]);
+
   if (!localBooks.length) {
     return (
       <div className="text-center p-8">