Merge pull request #1064 from MTES-MCT/add-menu-badge

feat: show 'NOUVEAU' badge in menu
MTES-MCT · Dec 31, 2024 · 0a6bbef · 0a6bbef
2 parents 981512a + 65a6d9b
commit 0a6bbef
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/components/Header/SmallHeader.tsx b/frontend/src/components/Header/SmallHeader.tsx
@@ -26,6 +26,7 @@ import {
   fromEstablishmentDTO,
   toEstablishmentDTO
 } from '../../models/Establishment';
+import Badge from '@codegouvfr/react-dsfr/Badge';
 
 function SmallHeader() {
   const dispatch = useAppDispatch();
@@ -41,7 +42,7 @@ function SmallHeader() {
       linkProps: {
         to: link.url
       },
-      text: link.label,
+      text: <>{link.label} {link.showNewBadge && <Badge small={true} severity='success' noIcon={true} className="fr-ml-1w">Nouveau</Badge>}</>,
       isActive: location.pathname.startsWith(link.url)
     };
   }

diff --git a/frontend/src/models/UserNavItem.tsx b/frontend/src/models/UserNavItem.tsx
@@ -8,6 +8,7 @@ export enum UserNavItems {
 export interface UserNavItem {
   url: string;
   label: string;
+  showNewBadge?: boolean;
 }
 
 export const getUserNavItem = (userNavItem: UserNavItems): UserNavItem => {
@@ -19,7 +20,7 @@ export const getUserNavItem = (userNavItem: UserNavItems): UserNavItem => {
     case UserNavItems.Resources:
       return { url: '/ressources', label: 'Ressources' };
     case UserNavItems.Analysis:
-      return { url: '/analyses', label: 'Analyses' };
+      return { url: '/analyses', label: 'Analyses', showNewBadge: true };
     default:
       return { url: '/', label: 'Accueil' };
   }