From 875ca0a6a7a6a9303a1fe5e6fd56b886495aeebe Mon Sep 17 00:00:00 2001
From: boomchanotai <boom9387@hotmail.com>
Date: Thu, 9 May 2024 22:47:07 +0700
Subject: [PATCH] fix: default value bug

---
 src/app/home/page.tsx                 | 11 +++++++++++
 src/app/pets/page.tsx                 | 11 +++++++++++
 src/components/Filter/FilterPanel.tsx |  2 +-
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
index 28313297..6b4d329e 100644
--- a/src/app/home/page.tsx
+++ b/src/app/home/page.tsx
@@ -28,6 +28,17 @@ const MainPage = () => {
     black: false,
     brown: false,
     blonde: false,
+    tabby: false,
+    whiteBlack: false,
+    whiteOrange: false,
+    tortoiseShell: false,
+    calico: false,
+    gray: false,
+    cream: false,
+    brownSpots: false,
+    greySpots: false,
+    orangeSpots: false,
+    dirtySpots: false,
     minAge: 0,
     maxAge: 30,
   });
diff --git a/src/app/pets/page.tsx b/src/app/pets/page.tsx
index 2f713c31..e6b13f31 100644
--- a/src/app/pets/page.tsx
+++ b/src/app/pets/page.tsx
@@ -29,6 +29,17 @@ const Pets = () => {
     black: false,
     brown: false,
     blonde: false,
+    tabby: false,
+    whiteBlack: false,
+    whiteOrange: false,
+    tortoiseShell: false,
+    calico: false,
+    gray: false,
+    cream: false,
+    brownSpots: false,
+    greySpots: false,
+    orangeSpots: false,
+    dirtySpots: false,
     minAge: 0,
     maxAge: 30,
   });
diff --git a/src/components/Filter/FilterPanel.tsx b/src/components/Filter/FilterPanel.tsx
index 14f19d1e..c59696ed 100644
--- a/src/components/Filter/FilterPanel.tsx
+++ b/src/components/Filter/FilterPanel.tsx
@@ -15,7 +15,7 @@ const FilterPanel = ({ heading, children }: FilterPanelProps) => {
     <>
       <FilterButton text={heading} isOpen={isOpen} onClick={toggleOpen} />
       {isOpen && (
-        <div className="max-h-32 w-full overflow-y-auto scroll-smooth">
+        <div className="w-full">
           <div className="flex flex-wrap items-center justify-center gap-2">
             {children}
           </div>