From 4cb15e7808892f3802c82762127e27b847064b06 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Wed, 16 Nov 2022 16:47:49 +0700
Subject: Change class name

---
 src/components/Header.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'src/components/Header.js')

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 
-- 
cgit v1.2.3