From ef447effb24c9e27855d365571fd114e50337448 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Thu, 21 Jul 2022 19:52:48 +0300
Subject: [PATCH] update: make the connect btn primary

---
 src/Components/Navbar/NavDesktop.tsx |  6 ++--
 src/Components/Navbar/NavMobile.tsx  | 41 ++++++++++++++++------------
 2 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/src/Components/Navbar/NavDesktop.tsx b/src/Components/Navbar/NavDesktop.tsx
index 9171623..303b207 100644
--- a/src/Components/Navbar/NavDesktop.tsx
+++ b/src/Components/Navbar/NavDesktop.tsx
@@ -17,6 +17,7 @@ import '@szhsin/react-menu/dist/index.css';
 import { FiChevronDown, FiLogIn } from "react-icons/fi";
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar";
 import { createRoute } from "src/utils/routing";
+import Button from "../Button/Button";
 
 
 export default function NavDesktop() {
@@ -191,9 +192,10 @@ export default function NavDesktop() {
                     </Menu>
 
                     :
-                    <Link to='/login' className="font-bold hover:text-primary-800 hover:underline">
+                    <Button color="primary" href="/login">
                         Connect ⚡
-                    </Link>)
+                    </Button>
+                )
             }
             <div className="relative h-36">
                 <motion.div
diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index 37a7fb0..40ca731 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -81,7 +81,7 @@ export default function NavMobile() {
 
         <div className="ml-auto"></div>
         {curUser !== undefined &&
-          (curUser ?
+          (curUser &&
             <Menu
               menuClassName='!p-8 !rounded-12'
               menuButton={<MenuButton ><Avatar src={curUser.avatar} width={32} /> </MenuButton>}>
@@ -107,10 +107,7 @@ export default function NavMobile() {
               </MenuItem>
             </Menu>
 
-            :
-            <Link to='/login' className="font-bold hover:text-primary-800 hover:underline">
-              Connect ⚡
-            </Link>)
+          )
         }
         <IconButton className='auto text-2xl w-[50px] h-[50px] hover:bg-gray-200 self-center' onClick={() => toggleDrawerOpen()}>
           {!drawerOpen ? (<motion.div key={drawerOpen ? 1 : 0} variants={navBtnVariant} initial='menuHide' animate='menuShow'><FiMenu /></motion.div>)
@@ -133,19 +130,27 @@ export default function NavMobile() {
         >
           <div className="flex flex-col gap-16 py-16">
             <Search onResultClick={() => toggleDrawerOpen(false)} />
-            <a
-              href="https://airtable.com/shr2VkxarNsIFilDz"
-              target="_blank"
-              rel="noreferrer"
-            >
-              <Button
-                color="primary"
-                fullWidth
-                className="!py-16 px-40 rounded-12 "
-              >
-                Get your product listed
-              </Button>
-            </a>
+            {
+              curUser ?
+                <Button
+                  color="gray"
+                  fullWidth
+                  className="!py-16 px-40 rounded-12 "
+                  href='/logout'
+                  onClick={() => toggleDrawerOpen()}
+                >
+                  Logout
+                </Button> :
+                <Button
+                  color="primary"
+                  fullWidth
+                  className="!py-16 px-40 rounded-12 "
+                  href='/login'
+                  onClick={() => toggleDrawerOpen()}
+                >
+                  Connect your lightning wallet ⚡️
+                </Button>
+            }
           </div>
           <ul className="px-32 flex flex-col py-16 gap-32 border-t">