From 325cc79398a81acdc2fb108733df1c1eb66b9114 Mon Sep 17 00:00:00 2001
From: Anirudh Patel <107875381+anirudhp26@users.noreply.github.com>
Date: Tue, 31 Oct 2023 16:38:59 +0530
Subject: [PATCH 1/4] Account Button replaced with User's GitHub Profile
 Picture

---
 components/navbar/Navbar.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index eca9ee2659f..b6679aba684 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -7,6 +7,7 @@ import NavLink from "@components/navbar/NavLink";
 import Link from "@components/Link";
 import { useTheme } from "next-themes";
 import { classNames } from "@services/utils/classNames";
+import Image from "next/image";
 
 import { FaGithub } from "react-icons/fa6";
 import SunIcon from "@heroicons/react/20/solid/SunIcon";
@@ -116,7 +117,18 @@ export default function Navbar() {
       {session && (
         <>
           <NavLink
-            item={{ name: "Account", url: "/account/onboarding" }}
+            item={{
+              name: (
+                <Image
+                  className="flex-none rounded-full mx-2 bg-primary-low"
+                  width={42}
+                  height={42}
+                  src={`https://github.com/${session.username}.png`}
+                  alt="description of image"
+                />
+              ),
+              url: "/account/onboarding",
+            }}
             setIsOpen={setIsOpen}
           />
           <NavLink

From 894bff82893f600b5b43145b5d11e75457b4b3a6 Mon Sep 17 00:00:00 2001
From: Anirudh Patel <107875381+anirudhp26@users.noreply.github.com>
Date: Wed, 1 Nov 2023 00:46:29 +0530
Subject: [PATCH 2/4] design changes to the profile button

---
 components/navbar/Navbar.js | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index b6679aba684..c19dd24723d 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -116,21 +116,17 @@ export default function Navbar() {
 
       {session && (
         <>
-          <NavLink
-            item={{
-              name: (
-                <Image
-                  className="flex-none rounded-full mx-2 bg-primary-low"
-                  width={42}
-                  height={42}
-                  src={`https://github.com/${session.username}.png`}
-                  alt="description of image"
-                />
-              ),
-              url: "/account/onboarding",
-            }}
-            setIsOpen={setIsOpen}
-          />
+          <Link href="/account/onboarding" aria-label="Account">
+            <div>
+              <Image
+                className="flex-none hover:ring-2 hover:ring-tertiary-medium rounded-full mx-2"
+                width={40}
+                height={40}
+                src={`https://github.com/${session.username}.png`}
+                alt="Account"
+              />
+            </div>
+          </Link>
           <NavLink
             item={{ name: "Logout", url: "/" }}
             setIsOpen={setIsOpen}

From 86ad99b8d618838aa3068da535c1be4690b2f472 Mon Sep 17 00:00:00 2001
From: Anirudh Patel <107875381+anirudhp26@users.noreply.github.com>
Date: Fri, 10 Nov 2023 16:41:05 +0530
Subject: [PATCH 3/4] additional div fixed

---
 components/navbar/Navbar.js | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index 512b66c60e1..cf27bca65d7 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -117,15 +117,13 @@ export default function Navbar() {
       {session && (
         <>
           <Link href="/account/onboarding" aria-label="Account">
-            <div>
-              <Image
-                className="flex-none hover:ring-2 hover:ring-tertiary-medium rounded-full mx-2"
-                width={40}
-                height={40}
-                src={`https://github.com/${session.username}.png`}
-                alt="Account"
-              />
-            </div>
+            <Image
+              className="flex-none hover:ring-2 hover:ring-tertiary-medium rounded-full mx-2"
+              width={40}
+              height={40}
+              src={`https://github.com/${session.username}.png`}
+              alt="Account"
+            />
           </Link>
           <NavLink
             item={{ name: "Logout", url: "/" }}

From 49f833f218a1766b0f57103841754526f68366ca Mon Sep 17 00:00:00 2001
From: Anirudh Patel <107875381+anirudhp26@users.noreply.github.com>
Date: Fri, 10 Nov 2023 16:53:43 +0530
Subject: [PATCH 4/4] navbar closing issue solved

---
 components/navbar/Navbar.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js
index cf27bca65d7..5c4507ec210 100644
--- a/components/navbar/Navbar.js
+++ b/components/navbar/Navbar.js
@@ -121,6 +121,7 @@ export default function Navbar() {
               className="flex-none hover:ring-2 hover:ring-tertiary-medium rounded-full mx-2"
               width={40}
               height={40}
+              onClick={() => setIsOpen(false)}
               src={`https://github.com/${session.username}.png`}
               alt="Account"
             />