diff options
Diffstat (limited to 'src/components/Header.js')
| -rw-r--r-- | src/components/Header.js | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/src/components/Header.js b/src/components/Header.js index 337483bb..fb0e56a1 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -18,9 +18,7 @@ export default function Header({ title }) { const [isMenuActive, setIsMenuActive] = useState(false); useEffect(() => { - if (q) { - searchQueryRef.current.blur(); - } + if (q) searchQueryRef.current.blur(); }, [q]) const openMenu = () => setIsMenuActive(true); @@ -40,7 +38,7 @@ export default function Header({ title }) { <div className={isMenuActive ? 'menu-wrapper active' : 'menu-wrapper'}> <div className="flex gap-x-2 items-center"> <Link href="/login" className="w-full py-2 btn-light">Masuk</Link> - <Link href="/register" className="w-full py-2 btn-primary">Daftar</Link> + <Link href="/register" className="w-full py-2 btn-yellow">Daftar</Link> </div> <div className="flex flex-col gap-y-4 mt-5"> <Link className="flex w-full font-normal text-gray-800" href="/shop/brands"> @@ -86,7 +84,7 @@ export default function Header({ title }) { name="q" onChange={(e) => setSearchQuery(e.target.value)} value={searchQuery} - className="form-input rounded-r-none border-r-0 focus:outline-none" + className="form-input rounded-r-none border-r-0" placeholder="Ketikan nama, merek, part number" /> <button |