From d95f01ded4e41cd02c65f9849e7b244f8e290aed Mon Sep 17 00:00:00 2001
From: Sujit <sujit.naxa@gmail.com>
Date: Thu, 1 Aug 2024 13:30:38 +0545
Subject: [PATCH] feat(profile): show more details on profile section

---
 .../components/Dashboard/DashboardSidebar/index.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/Dashboard/DashboardSidebar/index.tsx b/src/frontend/src/components/Dashboard/DashboardSidebar/index.tsx
index b7a733e8..655246ba 100644
--- a/src/frontend/src/components/Dashboard/DashboardSidebar/index.tsx
+++ b/src/frontend/src/components/Dashboard/DashboardSidebar/index.tsx
@@ -1,5 +1,5 @@
 import { useNavigate } from 'react-router-dom';
-import { Flex, FlexColumn } from '@Components/common/Layouts';
+import { Flex, FlexColumn, FlexRow } from '@Components/common/Layouts';
 import { Button } from '@Components/RadixComponents/Button';
 import { getLocalStorageValue } from '@Utils/getLocalStorageValue';
 
@@ -7,7 +7,6 @@ export default function DashboardSidebar() {
   const navigate = useNavigate();
 
   const userDetails = getLocalStorageValue('userprofile');
-
   return (
     <FlexColumn className="naxatw-col-span-1 naxatw-items-center naxatw-rounded-lg naxatw-border naxatw-border-grey-400 naxatw-bg-white naxatw-p-2.5">
       <Flex className="naxatw-h-20 naxatw-w-20 naxatw-items-center naxatw-justify-center naxatw-overflow-hidden naxatw-rounded-full naxatw-bg-grey-600">
@@ -22,6 +21,16 @@ export default function DashboardSidebar() {
       >
         Edit Profile
       </Button>
+      <FlexColumn className="naxatw-my-5 naxatw-w-full naxatw-gap-2">
+        <FlexRow className="naxatw-gap-1">
+          <div className="naxatw-w-[120px]">Name</div>:
+          <div>{userDetails?.name}</div>
+        </FlexRow>
+        <FlexRow className="naxatw-gap-1">
+          <div className="naxatw-w-[120px]">Email</div>:
+          <div className="naxatw-break-words">{userDetails?.email}</div>
+        </FlexRow>
+      </FlexColumn>
     </FlexColumn>
   );
 }