diff --git a/frontend/src/layouts/AppLayout/hooks.ts b/frontend/src/layouts/AppLayout/hooks.ts index 75eb6a850..ab0d61b6d 100644 --- a/frontend/src/layouts/AppLayout/hooks.ts +++ b/frontend/src/layouts/AppLayout/hooks.ts @@ -64,20 +64,23 @@ export const useSideNavigation = () => { const navLinks: SideNavigationProps['items'] = [ projectsDropdownList.length && { - type: 'section', - text: t('navigation.project'), + type: 'section-group', + title: t('navigation.project'), items: projectLinks, }, + projectsDropdownList.length && { type: 'divider' }, isAvailableAdministrationLinks && { - type: 'section', - text: t('navigation.administration'), + type: 'section-group', + title: t('navigation.administration'), items: administrationLinks, }, + isAvailableAdministrationLinks && { type: 'divider' }, + { - type: 'section', - text: t('navigation.account'), + type: 'section-group', + title: t('navigation.account'), items: userSettingsLinks, }, ].filter(Boolean) as SideNavigationProps['items']; diff --git a/frontend/src/layouts/AppLayout/index.tsx b/frontend/src/layouts/AppLayout/index.tsx index a2e43ffd4..bec3817a7 100644 --- a/frontend/src/layouts/AppLayout/index.tsx +++ b/frontend/src/layouts/AppLayout/index.tsx @@ -204,7 +204,14 @@ const AppLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => { splitPanelOpen breadcrumbs={renderBreadcrumbs()} notifications={} - navigation={} + navigation={ + + } tools={ <>