feat: improve mobile display by tab bar and other changes (#2304)

* feat: improve mobile display by tab bar and other changes * fix: remove unused declaration in mobile navigation * fix: update desktop navbar stories title * fix: retrieve old titles for desktop-navbar stories * fix: styles, manage active tabs * fix: styles, manage active tabs * fix: styles, manage active tabs * fix: styles, manage active tabs * fix: styles, manage active tabs * fix: styles, manage active tabs * fix: styles, manage active tabs * fix: styles, manage active tabs * fix: update logic for tab bar menu icons * fix: remove Settings icon for mobile * fix: resolve comments in pl * feat: rework mobile navigation bar * Fix * Fixes --------- Co-authored-by: Thaïs Guigon <guigon.thais@gmail.com> Co-authored-by: Charles Bochet <charles@twenty.com>
2023-12-02 02:16:34 +04:00
parent 74b077f3ca
commit fec8223ab8
50 changed files with 640 additions and 380 deletions
@@ -0,0 +1,21 @@
+import { useRecoilState } from 'recoil';
+
+import { Favorites } from '@/favorites/components/Favorites';
+import { SettingsNavbar } from '@/settings/components/SettingsNavbar';
+import MainNavbar from '@/ui/navigation/navigation-drawer/components/MainNavbar';
+import { navigationDrawerState } from '@/ui/navigation/states/navigationDrawerState';
+
+import { WorkspaceNavItems } from './WorkspaceNavItems';
+
+export const MobileNavigationDrawer = () => {
+  const [navigationDrawer] = useRecoilState(navigationDrawerState);
+
+  return navigationDrawer === 'settings' ? (
+    <SettingsNavbar />
+  ) : (
+    <MainNavbar>
+      <Favorites />
+      <WorkspaceNavItems />
+    </MainNavbar>
+  );
+};