From 499ec32fd35715c5ff8e4029beb6c56619bb7566 Mon Sep 17 00:00:00 2001
From: Ishpaul Singh <104348397+ishpaul777@users.noreply.github.com>
Date: Tue, 18 Jul 2023 13:41:12 +0530
Subject: [PATCH] Update Sidebar.js to link to setting page

---
 studio/src/components/GlobalNav/Sidebar.js | 41 +++++++++++++---------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/studio/src/components/GlobalNav/Sidebar.js b/studio/src/components/GlobalNav/Sidebar.js
index 24a09c33..2db04171 100644
--- a/studio/src/components/GlobalNav/Sidebar.js
+++ b/studio/src/components/GlobalNav/Sidebar.js
@@ -109,7 +109,7 @@ function Sidebar({ superOrg, permission, orgs, loading, applications, services,
     children.map((route, childIndex) => {
       return resource.includes(route.title.toLowerCase()) ? (
         ['Events', 'Permissions'].indexOf(route.title) !== -1 &&
-        route.isAdmin !== superOrg.is_admin ? null : (
+          route.isAdmin !== superOrg.is_admin ? null : (
           <Menu.Item key={route.menuKey}>
             <Link to={route.path}>
               <span>{route.title}</span>
@@ -180,14 +180,19 @@ function Sidebar({ superOrg, permission, orgs, loading, applications, services,
             background: '#F1F1F1',
           }}
         >
-          <div className="menu-header" style={{ width: '100%' }}>
+          <div className="menu-header" style={{
+            width: '100%',
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+          }}>
             {collapsed ? (
               <img
                 alt="logo"
                 className="menu-logo"
                 src={
                   details[selected]?.fav_icon?.url?.[
-                    window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
+                  window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
                   ] || degaImg
                 }
               />
@@ -214,7 +219,7 @@ function Sidebar({ superOrg, permission, orgs, loading, applications, services,
                   <Avatar
                     src={
                       details[selected]?.fav_icon?.url?.[
-                        window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
+                      window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
                       ] || degaImg
                     }
                   />
@@ -239,14 +244,14 @@ function Sidebar({ superOrg, permission, orgs, loading, applications, services,
             return menu.title === 'CORE' && !showCoreMenu
               ? null
               : !menu.isService
-              ? !menu.isAdmin
-                ? getSubMenuItems(menu, index, Icon)
-                : permission.filter((each) => each.resource === 'admin').length > 0
-                ? getSubMenuItems(menu, index, Icon)
-                : null
-              : services?.includes(maker(menu.title))
-              ? getSubMenuItems(menu, index, Icon)
-              : null;
+                ? !menu.isAdmin
+                  ? getSubMenuItems(menu, index, Icon)
+                  : permission.filter((each) => each.resource === 'admin').length > 0
+                    ? getSubMenuItems(menu, index, Icon)
+                    : null
+                : services?.includes(maker(menu.title))
+                  ? getSubMenuItems(menu, index, Icon)
+                  : null;
           })}
         </Menu>
         {!collapsed ? (
@@ -265,9 +270,11 @@ function Sidebar({ superOrg, permission, orgs, loading, applications, services,
           >
             <AccountMenu />
             <div>
-              <Button style={{ ...buttonStyle }} onClick={() => alert('Setting page')}>
-                <SettingOutlined />
-              </Button>
+              <Link to="/settings">
+                <Button style={{ ...buttonStyle }}>
+                  <SettingOutlined />
+                </Button>
+              </Link>
               {applications.length > 0 ? (
                 <>
                   <Popover
@@ -337,12 +344,12 @@ function Sidebar({ superOrg, permission, orgs, loading, applications, services,
               background: '#f0f2f5',
             }}
           >
-            <Button style={buttonStyle} onClick={() => onCollapse(false)}>
+            <Button style={{...buttonStyle, margin: 'auto'}} onClick={() => onCollapse(false)}>
               <MenuUnfoldOutlined />
             </Button>
           </div>
         )}
-      </Sider>
+      </Sider >
     </>
   );
 }