From 2cc4062e2b48510cc6ba0cf8622d05401827f405 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Thu, 14 Dec 2023 17:08:53 +0100
Subject: [PATCH] feat: menu ui minor improvements

---
 apps/web/components/Objects/Menu/Menu.tsx         |  6 +++---
 apps/web/components/Security/HeaderProfileBox.tsx | 13 ++++++++-----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/apps/web/components/Objects/Menu/Menu.tsx b/apps/web/components/Objects/Menu/Menu.tsx
index d3df4088..4a933f26 100644
--- a/apps/web/components/Objects/Menu/Menu.tsx
+++ b/apps/web/components/Objects/Menu/Menu.tsx
@@ -53,9 +53,9 @@ export const Menu = (props: any) => {
                     <div className="links flex grow">
                         <MenuLinks orgslug={orgslug} />
                     </div>
-                    <div className="profile flex items-center space-x-2">
+                    <div className="profile flex items-center">
 
-                        <Modal
+                        {/* <Modal
                             isDialogOpen={feedbackModal}
                             onOpenChange={setFeedbackModal}
                             minHeight="sm"
@@ -67,7 +67,7 @@ export const Menu = (props: any) => {
                                     <MessageSquareIcon size={12} />
                                 </div>
                             }
-                        />
+                        /> */}
                         <HeaderProfileBox />
                     </div>
                 </div>
diff --git a/apps/web/components/Security/HeaderProfileBox.tsx b/apps/web/components/Security/HeaderProfileBox.tsx
index 8821941c..2e4dc7b6 100644
--- a/apps/web/components/Security/HeaderProfileBox.tsx
+++ b/apps/web/components/Security/HeaderProfileBox.tsx
@@ -5,6 +5,7 @@ import Link from "next/link";
 import { AuthContext } from "./AuthProviderDepreceated";
 import Avvvatars from "avvvatars-react";
 import { GearIcon } from "@radix-ui/react-icons";
+import { Settings } from "lucide-react";
 
 export const HeaderProfileBox = () => {
   const auth: any = React.useContext(AuthContext);
@@ -28,13 +29,15 @@ export const HeaderProfileBox = () => {
         </UnidentifiedArea>
       )}
       {auth.isAuthenticated && (
-        <AccountArea className="-space-x-2">
-          <div className="text-xs px-4 text-gray-600 p-1.5 rounded-full bg-gray-50">{auth.userInfo.username}</div>
-          <div className="flex items-center">
+        <AccountArea className="space-x-0">
+          <div className="flex items-center space-x-2">
+            <div className="text-xs">{auth.userInfo.username} </div>
             <div className="py-4">
-              <Avvvatars size={26} value={auth.userInfo.user_uuid} style="shape" />
+              <div className="shadow-sm rounded-xl">
+              <Avvvatars radius={3} size={30} value={auth.userInfo.user_uuid} style="shape" />
+              </div>
             </div>
-            <Link className="" href={"/dash"}><GearIcon fontSize={26} /></Link>
+            <Link className="text-gray-600" href={"/dash"}><Settings size={14} /></Link>
           </div>
         </AccountArea>
       )}