From 020a956c89471806b8e2fe3dbf46f1f383ece70e Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Mon, 5 Aug 2024 19:18:04 +0530
Subject: [PATCH] Show user email address on settings menu for logged in
 account context

---
 src/interface/web/app/components/navMenu/navMenu.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/interface/web/app/components/navMenu/navMenu.tsx b/src/interface/web/app/components/navMenu/navMenu.tsx
index 9510620d..bbd56de3 100644
--- a/src/interface/web/app/components/navMenu/navMenu.tsx
+++ b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -99,6 +99,12 @@ export default function NavMenu() {
                         )}
                     </DropdownMenuTrigger>
                     <DropdownMenuContent className="gap-2">
+                        <DropdownMenuItem className="w-full">
+                            <div className="flex flex-rows">
+                                <p className="font-semibold">{userData?.email}</p>
+                            </div>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
                         <DropdownMenuItem
                             onClick={() => setDarkMode(!darkMode)}
                             className="w-full cursor-pointer"
@@ -200,6 +206,12 @@ export default function NavMenu() {
                             )}
                         </MenubarTrigger>
                         <MenubarContent align="end" className="rounded-xl gap-2">
+                            <MenubarItem className="w-full">
+                                <div className="flex flex-rows">
+                                    <p className="font-semibold">{userData?.email}</p>
+                                </div>
+                            </MenubarItem>
+                            <MenubarSeparator className="dark:bg-white height-[2px] bg-black" />
                             <MenubarItem
                                 onClick={() => setDarkMode(!darkMode)}
                                 className="w-full hover:cursor-pointer"