From b2a332cde6f8c844e762dda128beac58758fce80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Jos=C3=A9=20Borba=20Fernandes?=
 <rodrigoj.borba@gmail.com>
Date: Fri, 6 Sep 2024 00:02:42 -0300
Subject: [PATCH] fix: wrong open/close state

---
 app/components/DocsLayout.tsx |  9 +--------
 app/routes/_libraries.tsx     | 13 ++-----------
 2 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/app/components/DocsLayout.tsx b/app/components/DocsLayout.tsx
index 5f66c8bb..1d309387 100644
--- a/app/components/DocsLayout.tsx
+++ b/app/components/DocsLayout.tsx
@@ -335,8 +335,6 @@ export function DocsLayout({
     [menuConfig]
   )
 
-  const [isSearchboxOpen, setIsSearchboxOpen] = React.useState(false)
-
   const docsMatch = matches.find((d) => d.pathname.includes('/docs'))
 
   const relativePathname = lastMatch.pathname.replace(
@@ -491,10 +489,7 @@ export function DocsLayout({
               onSelect={versionConfig.onSelect}
             />
           </div>
-          <ClientOnlySearchButton
-            {...searchButtonParams}
-            onClick={() => setIsSearchboxOpen(true)}
-          >
+          <ClientOnlySearchButton {...searchButtonParams}>
             Search
           </ClientOnlySearchButton>
           {menuItems}
@@ -554,8 +549,6 @@ export function DocsLayout({
             } as any,
           }}
           facetProperty={undefined}
-          open={isSearchboxOpen}
-          onSearchboxClosed={() => setIsSearchboxOpen(false)}
         />
       </div>
       {smallMenu}
diff --git a/app/routes/_libraries.tsx b/app/routes/_libraries.tsx
index f6d045e8..99d0606a 100644
--- a/app/routes/_libraries.tsx
+++ b/app/routes/_libraries.tsx
@@ -46,8 +46,6 @@ function LibrariesLayout() {
 
   const [mounted, setMounted] = React.useState(false)
 
-  const [onSearchboxOpen, setOnSearchboxOpen] = React.useState(false)
-
   React.useEffect(() => {
     setMounted(true)
   }, [])
@@ -257,10 +255,7 @@ function LibrariesLayout() {
           {logo}
         </div>
         <div className="p-2">
-          <ClientOnlySearchButton
-            {...searchButtonParams}
-            onClick={() => setOnSearchboxOpen(true)}
-          >
+          <ClientOnlySearchButton {...searchButtonParams}>
             Search
           </ClientOnlySearchButton>
         </div>
@@ -285,11 +280,7 @@ function LibrariesLayout() {
       </div>
       {mounted ? (
         <div className="fixed z-50">
-          <OramaSearchBox
-            {...searchBoxParams}
-            open={onSearchboxOpen}
-            onSearchboxClosed={() => setOnSearchboxOpen(false)}
-          />
+          <OramaSearchBox {...searchBoxParams} />
         </div>
       ) : null}
     </div>