From 6ec0e5e995ec851866c87e91291587e97c0de752 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tha=C3=AFs?= <guigon.thais@gmail.com>
Date: Thu, 29 Feb 2024 12:49:23 -0300
Subject: [PATCH] feat: adjust navigation drawer design (#4242)

Closes #3969, Closes #4240
---
 .../settings/components/SettingsNavigationDrawerItems.tsx     | 4 ++--
 packages/twenty-front/src/modules/ui/display/icon/index.ts    | 3 +--
 .../navigation-drawer/components/NavigationDrawerItem.tsx     | 2 +-
 .../components/__stories__/NavigationDrawer.stories.tsx       | 4 ++--
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx b/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx
index 1fb4cdbda..ef2ce10fb 100644
--- a/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx
+++ b/packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx
@@ -9,11 +9,11 @@ import {
   IconApps,
   IconAt,
   IconCalendarEvent,
+  IconCode,
   IconColorSwatch,
   IconDoorEnter,
   IconHierarchy2,
   IconMail,
-  IconRobot,
   IconSettings,
   IconUserCircle,
   IconUsers,
@@ -98,7 +98,7 @@ export const SettingsNavigationDrawerItems = () => {
         <SettingsNavigationDrawerItem
           label="Developers"
           path={SettingsPath.Developers}
-          Icon={IconRobot}
+          Icon={IconCode}
         />
         <SettingsNavigationDrawerItem
           label="Integrations"
diff --git a/packages/twenty-front/src/modules/ui/display/icon/index.ts b/packages/twenty-front/src/modules/ui/display/icon/index.ts
index 205ec9b4a..d003540ff 100644
--- a/packages/twenty-front/src/modules/ui/display/icon/index.ts
+++ b/packages/twenty-front/src/modules/ui/display/icon/index.ts
@@ -36,6 +36,7 @@ export {
   IconChevronUp,
   IconCircleDot,
   IconClick,
+  IconCode,
   IconCoins,
   IconColorSwatch,
   IconMessageCircle as IconComment,
@@ -80,7 +81,6 @@ export {
   IconList,
   IconListNumbers,
   IconLock,
-  IconLogout,
   IconMail,
   IconMailCog,
   IconMap,
@@ -103,7 +103,6 @@ export {
   IconRelationOneToMany,
   IconRelationOneToOne,
   IconRepeat,
-  IconRobot,
   IconSearch,
   IconSend,
   IconSettings,
diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
index 916edd0a7..f3445397e 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
@@ -77,7 +77,7 @@ const StyledItem = styled.div<StyledItemProps>`
 `;
 
 const StyledItemLabel = styled.div`
-  font-size: ${({ theme }) => theme.font.size.md};
+  font-weight: ${({ theme }) => theme.font.weight.medium};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx
index 9d1739efb..efd78f5e3 100644
--- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx
+++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx
@@ -10,7 +10,7 @@ import {
   IconCalendarEvent,
   IconCheckbox,
   IconColorSwatch,
-  IconLogout,
+  IconDoorEnter,
   IconMail,
   IconSearch,
   IconSettings,
@@ -139,7 +139,7 @@ export const Submenu: Story = {
 
         <NavigationDrawerSection>
           <NavigationDrawerSectionTitle label="Other" />
-          <NavigationDrawerItem label="Logout" Icon={IconLogout} />
+          <NavigationDrawerItem label="Logout" Icon={IconDoorEnter} />
         </NavigationDrawerSection>
       </>
     ),