SearchButton.tsx raw

   1  import { usePrimaryPage } from '@/PageManager'
   2  import { useKeyboardNavigation } from '@/providers/KeyboardNavigationProvider'
   3  import { Search } from 'lucide-react'
   4  import SidebarItem from './SidebarItem'
   5  
   6  export default function SearchButton({ collapse, navIndex }: { collapse: boolean; navIndex?: number }) {
   7    const { navigate, current, display } = usePrimaryPage()
   8    const { clearColumn } = useKeyboardNavigation()
   9  
  10    const handleClick = () => {
  11      navigate('search')
  12      clearColumn(1)
  13    }
  14  
  15    return (
  16      <SidebarItem
  17        title="Search"
  18        onClick={handleClick}
  19        active={current === 'search' && display}
  20        collapse={collapse}
  21        navIndex={navIndex}
  22      >
  23        <Search />
  24      </SidebarItem>
  25    )
  26  }
  27