From 2947339af64225fa13022bca0ca7bd5a62b208bb Mon Sep 17 00:00:00 2001
From: Vicente <pouyio@gmail.com>
Date: Wed, 6 Nov 2024 18:17:56 +0100
Subject: [PATCH] fix bug

---
 src/components/Pagination/Pagination.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index b2f719e..b5bec2c 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -37,9 +37,10 @@ const Pagination: React.FC<IPaginationProps> = ({
 
   useEffect(() => {
     if (onFilter && selectedGenres) {
+      setFirst();
       onFilter(selectedGenres);
     }
-  }, [selectedGenres]);
+  }, [searchParams.get('genres')]);
 
   const setToggleFilters = () => {
     if (showFilters) {
@@ -96,7 +97,7 @@ const Pagination: React.FC<IPaginationProps> = ({
       </div>
       {showFilters && onFilter && (
         <div className="sticky top-0">
-          <div className="inline-flex bg-blue-100 py-2 px-4 w-full flex-col border-b-2">
+          <div className="inline-flex bg-blue-100 px-4 w-full flex-col border-b-2">
             <Genres onClick={toggleGenre} selected={selectedGenres} />
           </div>
         </div>