From 63388d9b2eba180a783b8f622e7d9c530737e1d4 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 27 Jan 2023 12:56:34 +0100
Subject: [PATCH] change(ui) - settings menu and text changes

---
 .../Client/Audit/AuditList/AuditList.tsx          |  2 +-
 .../Header/SettingsMenu/SettingsMenu.tsx          | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Client/Audit/AuditList/AuditList.tsx b/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
index 4d7c93a54..5993aa7bb 100644
--- a/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
+++ b/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
@@ -46,7 +46,7 @@ function AuditList(props: Props) {
             >
                 <div className="grid grid-cols-12 py-3 px-5 font-medium">
                     <div className="col-span-5">Name</div>
-                    <div className="col-span-4">Status</div>
+                    <div className="col-span-4">Action</div>
                     <div className="col-span-3">Time</div>
                 </div>
 
diff --git a/frontend/app/components/Header/SettingsMenu/SettingsMenu.tsx b/frontend/app/components/Header/SettingsMenu/SettingsMenu.tsx
index 5d443a842..52adc2068 100644
--- a/frontend/app/components/Header/SettingsMenu/SettingsMenu.tsx
+++ b/frontend/app/components/Header/SettingsMenu/SettingsMenu.tsx
@@ -12,6 +12,7 @@ interface Props {
 function SettingsMenu(props: RouteComponentProps<Props>) {
   const { history, account, className }: any = props;
   const isAdmin = account.admin || account.superAdmin;
+  const isEnterprise = account.edition === 'ee';
   const navigateTo = (path: any) => {
     switch (path) {
       case 'projects':
@@ -26,12 +27,16 @@ function SettingsMenu(props: RouteComponentProps<Props>) {
         return history.push(clientRoute(CLIENT_TABS.INTEGRATIONS));
       case 'notifications':
         return history.push(clientRoute(CLIENT_TABS.NOTIFICATIONS));
+      case 'roles':
+        return history.push(clientRoute(CLIENT_TABS.MANAGE_ROLES));
+      case 'audit':
+        return history.push(clientRoute(CLIENT_TABS.AUDIT));
     }
   };
   return (
     <div
-      style={{ width: '150px', marginTop: '35px' }}
-      className={cn(className, 'absolute right-0 top-0 bg-white border p-2')}
+      style={{ width: '160px', marginTop: '35px' }}
+      className={cn(className, 'absolute right-0 top-0 bg-white border p-2 text-left')}
     >
       {isAdmin && (
         <>
@@ -42,6 +47,12 @@ function SettingsMenu(props: RouteComponentProps<Props>) {
       <MenuItem onClick={() => navigateTo('metadata')} label="Metadata" icon="tags" />
       <MenuItem onClick={() => navigateTo('webhooks')} label="Webhooks" icon="link-45deg" />
       <MenuItem onClick={() => navigateTo('integrations')} label="Integrations" icon="puzzle" />
+      {isEnterprise && (
+        <>
+          <MenuItem onClick={() => navigateTo('roles')} label="Roles & Access" icon="diagram-3" />
+          <MenuItem onClick={() => navigateTo('audit')} label="Audit" icon="list-ul" />
+        </>
+      )}
       <MenuItem
         onClick={() => navigateTo('notifications')}
         label="Notifications"