refactor: search

src/components/Sidebar/SearchButton.tsx

@@ -1,24 +1,17 @@
+import { usePrimaryPage } from '@/PageManager'
 import { Search } from 'lucide-react'
-import { useState } from 'react'
-import { SearchDialog } from '../SearchDialog'
 import SidebarItem from './SidebarItem'
 
 export default function SearchButton() {
-  const [open, setOpen] = useState(false)
+  const { navigate, current, display } = usePrimaryPage()
 
   return (
-    <>
-      <SidebarItem
-        title="Search"
-        description="Search"
-        onClick={(e) => {
-          e.stopPropagation()
-          setOpen(true)
-        }}
-      >
-        <Search strokeWidth={3} />
-      </SidebarItem>
-      <SearchDialog open={open} setOpen={setOpen} />
-    </>
+    <SidebarItem
+      title="Search"
+      onClick={() => navigate('search')}
+      active={current === 'search' && display}
+    >
+      <Search strokeWidth={3} />
+    </SidebarItem>
   )
 }