Files
NotionNext/themes/matery/components/SearchButton.js
2024-04-28 14:46:21 +08:00

35 lines
915 B
JavaScript

import { siteConfig } from '@/lib/config'
import { useGlobal } from '@/lib/global'
import { useRouter } from 'next/router'
import { useMateryGlobal } from '..'
/**
* 搜索按钮
* @returns
*/
export default function SearchButton(props) {
const { locale } = useGlobal()
const router = useRouter()
const { searchModal } = useMateryGlobal()
function handleSearch() {
if (siteConfig('ALGOLIA_APP_ID')) {
searchModal.current.openSearch()
} else {
router.push('/search')
}
}
return (
<>
<div
onClick={handleSearch}
title={locale.NAV.SEARCH}
alt={locale.NAV.SEARCH}
className='cursor-pointer dark:text-white hover:bg-black hover:bg-opacity-10 rounded-full w-10 h-10 flex justify-center items-center duration-200 transition-all'>
<i title={locale.NAV.SEARCH} className='fa-solid fa-magnifying-glass' />
</div>
</>
)
}