From 8ce569d365fa2560a9dc65c84a0240ff8ee142e9 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 15 Oct 2024 16:42:44 -0600
Subject: [PATCH] Fix mobile fitler page

---
 .../overlay/dialog/PlatformAwareDialog.tsx    | 29 ++++++++++++++-----
 .../overlay/dialog/SearchFilterDialog.tsx     |  2 --
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/web/src/components/overlay/dialog/PlatformAwareDialog.tsx b/web/src/components/overlay/dialog/PlatformAwareDialog.tsx
index a9aed8a65..69632a77b 100644
--- a/web/src/components/overlay/dialog/PlatformAwareDialog.tsx
+++ b/web/src/components/overlay/dialog/PlatformAwareDialog.tsx
@@ -1,4 +1,9 @@
-import { MobilePage, MobilePageContent } from "@/components/mobile/MobilePage";
+import {
+  MobilePage,
+  MobilePageContent,
+  MobilePageHeader,
+  MobilePageTitle,
+} from "@/components/mobile/MobilePage";
 import { Button } from "@/components/ui/button";
 import { Drawer, DrawerContent, DrawerTrigger } from "@/components/ui/drawer";
 import {
@@ -64,12 +69,22 @@ export function PlatformAwareSheet({
 }: PlatformAwareSheetProps) {
   if (isMobile) {
     return (
-      <MobilePage open={open} onOpenChange={onOpenChange}>
-        <Button asChild>{trigger}</Button>
-        <MobilePageContent className="max-h-[75dvh] overflow-hidden px-4">
-          {content}
-        </MobilePageContent>
-      </MobilePage>
+      <div>
+        <div onClick={() => onOpenChange(true)}>{trigger}</div>
+        <MobilePage open={open} onOpenChange={onOpenChange}>
+          <MobilePageContent className="h-full overflow-hidden">
+            <MobilePageHeader
+              className="mx-2"
+              onClose={() => onOpenChange(false)}
+            >
+              <MobilePageTitle>More Filters</MobilePageTitle>
+            </MobilePageHeader>
+            <div className="scrollbar-container h-full overflow-auto px-4 pb-20">
+              {content}
+            </div>
+          </MobilePageContent>
+        </MobilePage>
+      </div>
     );
   }
 
diff --git a/web/src/components/overlay/dialog/SearchFilterDialog.tsx b/web/src/components/overlay/dialog/SearchFilterDialog.tsx
index c955efb97..291e8aa5e 100644
--- a/web/src/components/overlay/dialog/SearchFilterDialog.tsx
+++ b/web/src/components/overlay/dialog/SearchFilterDialog.tsx
@@ -48,8 +48,6 @@ export default function SearchFilterDialog({
 
   // state
 
-  console.log(`the filter is ${JSON.stringify(currentFilter)}`);
-
   const [open, setOpen] = useState(false);
 
   const trigger = (