From 25ad0a3785b2bbd2c5141b8665b58c7fb4b0003c Mon Sep 17 00:00:00 2001
From: gintil <michael994664@gmail.com>
Date: Sat, 4 Jan 2025 11:49:33 -0500
Subject: [PATCH] Add discord ID to user dropdown

---
 .../backend-api/client/src/components/NewHeader/index.tsx    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/services/backend-api/client/src/components/NewHeader/index.tsx b/services/backend-api/client/src/components/NewHeader/index.tsx
index 366780bd9..f42546b17 100644
--- a/services/backend-api/client/src/components/NewHeader/index.tsx
+++ b/services/backend-api/client/src/components/NewHeader/index.tsx
@@ -107,7 +107,7 @@ export const NewHeader = ({ invertBackground }: Props) => {
         </HStack>
         <Flex alignItems="center" paddingY="4">
           <Menu placement="bottom-end">
-            <MenuButton as={Button} size="sm" variant="link" aria-label="Account   settings">
+            <MenuButton as={Button} size="sm" variant="link" aria-label="Account settings">
               <Avatar
                 src={discordUserMe?.iconUrl}
                 size="sm"
@@ -121,6 +121,9 @@ export const NewHeader = ({ invertBackground }: Props) => {
                 <Text overflow="hidden" maxWidth={300} textOverflow="ellipsis" whiteSpace="nowrap">
                   {discordUserMe?.username}
                 </Text>
+                <Text fontSize="sm" color="whiteAlpha.600">
+                  Discord ID: {discordUserMe?.id}
+                </Text>
               </Box>
               <MenuDivider />
               <MenuItem icon={<SettingsIcon />} onClick={() => navigate(pages.userSettings())}>