Refactor MobilePage to work like shadcn components (#14388)

* Refactor MobilePage to work like shadcn components * fix bug with search detail dialog not opening
2024-10-16 09:18:06 -05:00
parent 06f47f262f
commit f6879f40b0
3 changed files with 128 additions and 56 deletions
--- a/web/src/components/overlay/detail/SearchDetailDialog.tsx
+++ b/web/src/components/overlay/detail/SearchDetailDialog.tsx
@@ -150,7 +150,14 @@ export default function SearchDetailDialog({
  const Description = isDesktop ? DialogDescription : MobilePageDescription;

  return (
-    <Overlay open={isOpen} onOpenChange={() => setIsOpen(!isOpen)}>
+    <Overlay
+      open={isOpen}
+      onOpenChange={() => {
+        if (search) {
+          setSearch(undefined);
+        }
+      }}
+    >
      <Content
        className={cn(
          "scrollbar-container overflow-y-auto",