From 5879fbb951fbfd8c956bd7c1fe4e053c260bff54 Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Thu, 30 May 2024 18:39:55 +0500
Subject: [PATCH] filters modal laptop fix

---
 src/components/modals/mobile/SearchFiltersModal.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/mobile/SearchFiltersModal.tsx b/src/components/modals/mobile/SearchFiltersModal.tsx
index 0f30e31..7fdb639 100644
--- a/src/components/modals/mobile/SearchFiltersModal.tsx
+++ b/src/components/modals/mobile/SearchFiltersModal.tsx
@@ -8,6 +8,7 @@ import Checkbox from "../../Checkbox";
 import MultiRangeSlider from "../../MultiRangeSlider";
 import Switch from "../../Switch";
 import ResetIcon from "../../icons/ResetIcon";
+import { useSwipeable } from "react-swipeable";
 
 const SearchFiltersModal = () => {
   const { setModal } = useModal();
@@ -22,6 +23,9 @@ const SearchFiltersModal = () => {
     roveHomeTypeCheckboxes,
     setRoveHomeTypeCheckboxes,
   } = useSearchFilters();
+  const handlers = useSwipeable({
+    onSwipedDown: () => handleOnCrossClick(),
+  });
 
   const handleOnCrossClick = () => {
     if (setIsAnimate) {
@@ -90,7 +94,10 @@ const SearchFiltersModal = () => {
   };
 
   return (
-    <div className="bg-[#F3F3F2] rounded-ss-lg rounded-se-lg h-full p-6 flex flex-col gap-6">
+    <div
+      className="bg-[#F3F3F2] rounded-ss-lg rounded-se-lg h-full p-6 flex flex-col gap-6"
+      {...handlers}
+    >
       <div className="flex justify-between pb-6 border-b">
         <h2 className="text-[#0D1922] text-subheadline-m font-semibold">
           Filters