From 1d606fe88f97f87e32a58b1b187a71f40c70169c Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 29 Mar 2023 14:29:29 +0700
Subject: blog detail

---
 .../components/elements/Footer/BasicFooter.jsx     |  4 ++-
 .../components/elements/Footer/SimpleFooter.jsx    | 22 ++++++++-------
 src/core/components/elements/Link/Link.jsx         |  1 +
 .../components/elements/Navbar/NavbarDesktop.jsx   | 13 ++++++---
 src/core/components/elements/Sidebar/Sidebar.jsx   | 31 ++++++++--------------
 5 files changed, 37 insertions(+), 34 deletions(-)

(limited to 'src/core/components')

diff --git a/src/core/components/elements/Footer/BasicFooter.jsx b/src/core/components/elements/Footer/BasicFooter.jsx
index 25f8f552..79b78dee 100644
--- a/src/core/components/elements/Footer/BasicFooter.jsx
+++ b/src/core/components/elements/Footer/BasicFooter.jsx
@@ -178,7 +178,9 @@ const InformationCenter = () => (
       </li>
       <li className='text-gray_r-12/80 flex items-center'>
         <DevicePhoneMobileIcon className='w-[18px] mr-2' />
-        <a href='https://wa.me/+628128080622'>0812-8080-622</a>
+        <a href='https://wa.me/628128080622' target='_blank' rel='noreferrer'>
+          0812-8080-622
+        </a>
       </li>
     </ul>
   </div>
diff --git a/src/core/components/elements/Footer/SimpleFooter.jsx b/src/core/components/elements/Footer/SimpleFooter.jsx
index 0fbc8f62..41ca6094 100644
--- a/src/core/components/elements/Footer/SimpleFooter.jsx
+++ b/src/core/components/elements/Footer/SimpleFooter.jsx
@@ -20,22 +20,24 @@ const SimpleFooter = () => (
         </li>
         <li className='text-gray_r-12/80 flex items-center'>
           <DevicePhoneMobileIcon className='w-[18px] mr-2' />
-          <a href='https://wa.me/+628128080622'>0812-8080-622</a>
+          <a href='https://wa.me/628128080622' target='_blank' rel='noreferrer'>
+            0812-8080-622
+          </a>
         </li>
       </ul>
     </div>
     <div className='w-1/2 pl-2'>
       <div className='font-semibold mb-3'>Jam Operasional</div>
       <ul className='flex flex-col gap-y-1'>
-      <li>
-        <div className='text-gray_r-12 mb-0.5'>Senin - Jumat:</div>
-        <div className='text-gray_r-12/80'>08:30 - 17:00</div>
-      </li>
-      <li>
-        <div className='text-gray_r-12 mb-0.5'>Sabtu:</div>
-        <div className='text-gray_r-12/80'>08:30 - 14:00</div>
-      </li>
-    </ul>
+        <li>
+          <div className='text-gray_r-12 mb-0.5'>Senin - Jumat:</div>
+          <div className='text-gray_r-12/80'>08:30 - 17:00</div>
+        </li>
+        <li>
+          <div className='text-gray_r-12 mb-0.5'>Sabtu:</div>
+          <div className='text-gray_r-12/80'>08:30 - 14:00</div>
+        </li>
+      </ul>
     </div>
   </footer>
 )
diff --git a/src/core/components/elements/Link/Link.jsx b/src/core/components/elements/Link/Link.jsx
index dbc65338..75fc6ca8 100644
--- a/src/core/components/elements/Link/Link.jsx
+++ b/src/core/components/elements/Link/Link.jsx
@@ -4,6 +4,7 @@ const Link = ({ children, ...props }) => {
   return (
     <NextLink
       {...props}
+      onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
       scroll={false}
       className={`block font-medium text-red_r-11 ${props?.className || ''}`}
     >
diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index 5d7fe846..306b6e83 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -44,9 +44,11 @@ const NavbarDesktop = () => {
       <nav className='py-6 sticky top-0 z-50 bg-white border-b border-gray_r-6'>
         <div className='container mx-auto flex gap-x-6'>
           <Link href='/'>
-            <Image src={IndoteknikLogo} alt='Indoteknik Logo' width={180} height={60} />
+            <Image src={IndoteknikLogo} alt='Indoteknik Logo' width={210} height={210 / 3} />
           </Link>
-          <Search />
+          <div className='flex-1 flex items-center'>
+            <Search />
+          </div>
           <div className='flex gap-x-4'>
             <Link href='/my/transactions' className='flex items-center gap-x-2 !text-gray_r-12/80'>
               <DocumentCheckIcon className='w-7' />
@@ -64,7 +66,12 @@ const NavbarDesktop = () => {
               <HeartIcon className='w-7' />
               Wishlist
             </Link>
-            <a href='https://wa.me/628' className='flex items-center gap-x-1 !text-gray_r-12/80'>
+            <a
+              href='https://wa.me/628128080622'
+              target='_blank'
+              rel='noreferrer'
+              className='flex items-center gap-x-1 !text-gray_r-12/80'
+            >
               <Image src='/images/socials/Whatsapp-2.png' alt='Whatsapp' width={48} height={48} />
               <div>
                 <div className='font-semibold'>Whatsapp</div>
diff --git a/src/core/components/elements/Sidebar/Sidebar.jsx b/src/core/components/elements/Sidebar/Sidebar.jsx
index 18ed6ac1..c8fd8bab 100644
--- a/src/core/components/elements/Sidebar/Sidebar.jsx
+++ b/src/core/components/elements/Sidebar/Sidebar.jsx
@@ -10,10 +10,7 @@ const Sidebar = ({ active, close }) => {
   const auth = useAuth()
 
   const SidebarLink = ({ children, ...props }) => (
-    <Link
-      {...props}
-      onClick={close}
-    >
+    <Link {...props} onClick={close}>
       {children}
     </Link>
   )
@@ -120,28 +117,22 @@ const Sidebar = ({ active, close }) => {
                     </>
                   )}
                 </div>
-                <SidebarLink
-                  className={itemClassName}
-                  href='/shop/brands'
-                >
+                <SidebarLink className={itemClassName} href='/shop/brands'>
                   Semua Brand
                 </SidebarLink>
-                <SidebarLink
-                  className={itemClassName}
-                  href='/about-us'
-                >
+                <SidebarLink className={itemClassName} href='/blog'>
+                  Blog Indoteknik
+                </SidebarLink>
+                <SidebarLink className={itemClassName} href='/video'>
+                  Indoteknik TV
+                </SidebarLink>
+                <SidebarLink className={itemClassName} href='/about-us'>
                   Tentang Indoteknik
                 </SidebarLink>
-                <SidebarLink
-                  className={itemClassName}
-                  href='/faqs'
-                >
+                <SidebarLink className={itemClassName} href='/faqs'>
                   F.A.Q
                 </SidebarLink>
-                <SidebarLink
-                  className={itemClassName}
-                  href='/contact-us'
-                >
+                <SidebarLink className={itemClassName} href='/contact-us'>
                   Hubungi Kami
                 </SidebarLink>
                 <button
-- 
cgit v1.2.3