From 57136f1a7771a655d12a9036d2aa6b62a61c1416 Mon Sep 17 00:00:00 2001
From: devilkiller-ag <ashmitgupta.official@gmail.com>
Date: Thu, 29 Aug 2024 23:48:16 +0530
Subject: [PATCH] updated filters dropdown in tools

---
 components/tools/FiltersDropdown.tsx             | 6 ++++--
 public/img/illustrations/icons/CheckedIcon.svg   | 2 +-
 public/img/illustrations/icons/UncheckedIcon.svg | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/tools/FiltersDropdown.tsx b/components/tools/FiltersDropdown.tsx
index fbf2d5c7a20..4acdf84b3f1 100644
--- a/components/tools/FiltersDropdown.tsx
+++ b/components/tools/FiltersDropdown.tsx
@@ -34,7 +34,9 @@ export default function FiltersDropdown({
 
   return (
     <div
-      className={twMerge(`max-w-lg flex gap-2 flex-wrap p-2 duration-200 delay-150 ${className}`)}
+      className={twMerge(
+        `max-w-lg flex flex-col max-h-[40vh] gap-1 overflow-y-auto p-2 px-0 duration-200 delay-150 bg-gray-400 ${className}`
+      )}
       data-testid='FiltersDropdown-div'
     >
       {dataList.map((data, index) => {
@@ -44,7 +46,7 @@ export default function FiltersDropdown({
           <div
             key={index}
             className={twMerge(
-              `border border-secondary-600 text-secondary-600 p-1 pb-0 rounded-2xl flex gap-1 cursor-pointer items-start ${checked ? 'bg-secondary-600 text-white' : ''}`
+              `hover:bg-gray-500 text-black p-1 gap-1 flex cursor-pointer items-start ${checked ? 'bg-gray-600 text-white' : ''}`
             )}
             onClick={(event) => handleClickOption(event, data.name)}
           >
diff --git a/public/img/illustrations/icons/CheckedIcon.svg b/public/img/illustrations/icons/CheckedIcon.svg
index 591b807daf7..50697b1ac6e 100644
--- a/public/img/illustrations/icons/CheckedIcon.svg
+++ b/public/img/illustrations/icons/CheckedIcon.svg
@@ -2,7 +2,7 @@
 <circle cx="6" cy="6.5" r="4" fill="white"/>
 <circle cx="6" cy="6.5" r="5.5" stroke="white"/>
 <g clip-path="url(#clip0_827_2273)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.893 4.85427C8.01692 4.96125 8.03599 5.155 7.93559 5.28704L5.79656 8.10022C5.7446 8.16855 5.66769 8.20993 5.58524 8.2139C5.50278 8.21787 5.42268 8.18406 5.36514 8.12101L4.08172 6.71442C3.97055 6.59258 3.97313 6.39778 4.08747 6.27932C4.20182 6.16087 4.38464 6.16361 4.49582 6.28545L5.55254 7.44359L7.48685 4.89965C7.58724 4.76761 7.76909 4.7473 7.893 4.85427Z" fill="#0B81C4" stroke="#0B81C4" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.893 4.85427C8.01692 4.96125 8.03599 5.155 7.93559 5.28704L5.79656 8.10022C5.7446 8.16855 5.66769 8.20993 5.58524 8.2139C5.50278 8.21787 5.42268 8.18406 5.36514 8.12101L4.08172 6.71442C3.97055 6.59258 3.97313 6.39778 4.08747 6.27932C4.20182 6.16087 4.38464 6.16361 4.49582 6.28545L5.55254 7.44359L7.48685 4.89965C7.58724 4.76761 7.76909 4.7473 7.893 4.85427Z" fill="#636363" stroke="#636363" stroke-width="0.25" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_827_2273">
diff --git a/public/img/illustrations/icons/UncheckedIcon.svg b/public/img/illustrations/icons/UncheckedIcon.svg
index d57fb6e3885..57d4281a6c9 100644
--- a/public/img/illustrations/icons/UncheckedIcon.svg
+++ b/public/img/illustrations/icons/UncheckedIcon.svg
@@ -1,3 +1,3 @@
 <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="6" cy="6.5" r="5.5" stroke="#0B81C4"/>
+<circle cx="6" cy="6.5" r="5.5" stroke="#636363"/>
 </svg>