From cb2f97d06cdbe71349248ab435ad02adcd4e02af Mon Sep 17 00:00:00 2001
From: kaneki003 <sakshamchauhan707@gmail.com>
Date: Tue, 7 Jan 2025 19:03:34 +0530
Subject: [PATCH] removed linting errors

---
 web/src/components/ConnectWallet.tsx | 12 ++++++------
 web/src/components/Navbar.tsx        | 19 ++++++++++++++++---
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/web/src/components/ConnectWallet.tsx b/web/src/components/ConnectWallet.tsx
index c860ae9d..4a47c498 100644
--- a/web/src/components/ConnectWallet.tsx
+++ b/web/src/components/ConnectWallet.tsx
@@ -9,14 +9,14 @@ const ConnectWallet = () => {
   return (
     <div>
       {address ? (
-        <div>
-          <Button
-            onClick={disconnect}
-            className="custom-button"
-          >
+        <div className="md:flex gap-x-4">
+          <Button className="mb-2 md:mb-0">
             {address.slice(0, 6)}...{address.slice(-4)}
           </Button>
-        </div>
+          <Button onClick={disconnect} className="mb-2 md:mb-0">
+            Disconnect Wallet
+          </Button>
+      </div>
       ) : (
         <Button
           onClick={connect}
diff --git a/web/src/components/Navbar.tsx b/web/src/components/Navbar.tsx
index 7e785497..86c685ef 100644
--- a/web/src/components/Navbar.tsx
+++ b/web/src/components/Navbar.tsx
@@ -84,6 +84,16 @@ const Navbar = () => {
                                 className="flex flex-col space-y-4 text-2xl font-semibold text-center"
                                 style={{ fontFamily: "var(--font-bebas-nueue)" }}
                             >
+                                {address && (
+                                    <li>
+                                        <Link href="/my-cats">
+                                            <Avatar />
+                                         </Link>
+                                    </li>
+                                )}
+                                <li>
+                                    <ConnectWallet />
+                                </li>
                                 <li>
                                     <Link
                                         href="/create"
@@ -123,9 +133,12 @@ const Navbar = () => {
                 {/* Connect Wallet and Light/Dark Toggle for Desktop */}
                 <div className="hidden md:flex items-center space-x-4 ml-8">
                     {address ? (
-                        <Link href="./my-cats">
-                            <Avatar />
-                        </Link>
+                        <div className="flex space-x-8">
+                            <ConnectWallet />
+                            <Link href="./my-cats">
+                                <Avatar />
+                            </Link>
+                        </div>
                     ) : (
                         <ConnectWallet />
                     )}