chore: remove searchBar on Navbar

This commit is contained in:
soyoka 2025-04-20 12:56:27 +09:00
parent 57ad6b5fa7
commit 8e7e14ba80

View File

@ -11,7 +11,6 @@ import { useEffect, useState } from 'react'
import { Nullable, User, UserCache } from '@types' import { Nullable, User, UserCache } from '@types'
import Fetch from '@utils/Fetch' import Fetch from '@utils/Fetch'
import { redirectTo } from '@utils/Tools' import { redirectTo } from '@utils/Tools'
import Search from './Search'
const DiscordAvatar = dynamic(() => import('@components/DiscordAvatar')) const DiscordAvatar = dynamic(() => import('@components/DiscordAvatar'))
@ -55,7 +54,7 @@ const Navbar: React.FC<NavbarProps> = ({ token }) => {
const [scrolled, setScrolled] = useState(false) const [scrolled, setScrolled] = useState(false)
useEffect(() => { useEffect(() => {
const handleScroll = () => setScrolled(window.scrollY > 80) const handleScroll = () => setScrolled(window.scrollY > 160)
window.addEventListener('scroll', handleScroll) window.addEventListener('scroll', handleScroll)
return () => window.removeEventListener('scroll', handleScroll) return () => window.removeEventListener('scroll', handleScroll)
}, []) }, [])
@ -180,11 +179,6 @@ const Navbar: React.FC<NavbarProps> = ({ token }) => {
</li> </li>
</ul> </ul>
</div> </div>
{scrolled && (
<div className='hidden grow items-center justify-center px-6 lg:flex'>
<Search compact />
</div>
)}
<div className='hidden lg:flex lg:items-center lg:bg-transparent lg:shadow-none'> <div className='hidden lg:flex lg:items-center lg:bg-transparent lg:shadow-none'>
<ul className='flex list-none flex-col lg:ml-auto lg:flex-row'> <ul className='flex list-none flex-col lg:ml-auto lg:flex-row'>
<li <li