From 960b871aa5c7d29e1190d066eb07629b509fde65 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 24 Jun 2025 19:56:47 +0200
Subject: [PATCH] Feature/add new badge to settings of admin page navigation
 (#5020)

* Add new badge
---
 apps/client/src/app/pages/admin/admin-page.component.ts | 6 +++++-
 apps/client/src/app/pages/admin/admin-page.html         | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/app/pages/admin/admin-page.component.ts b/apps/client/src/app/pages/admin/admin-page.component.ts
index 02aa8ba18..7c8ebfdae 100644
--- a/apps/client/src/app/pages/admin/admin-page.component.ts
+++ b/apps/client/src/app/pages/admin/admin-page.component.ts
@@ -31,7 +31,11 @@ export class AdminPageComponent implements OnDestroy, OnInit {
       },
       {
         iconName: 'settings-outline',
-        label: internalRoutes.adminControl.subRoutes.settings.title,
+        label:
+          internalRoutes.adminControl.subRoutes.settings.title +
+          '<span class="badge badge-secondary badge-pill ml-2 text-uppercase">' +
+          $localize`new` +
+          '</span>',
         routerLink: internalRoutes.adminControl.subRoutes.settings.routerLink
       },
       {
diff --git a/apps/client/src/app/pages/admin/admin-page.html b/apps/client/src/app/pages/admin/admin-page.html
index af3b24b0a..43509a9ad 100644
--- a/apps/client/src/app/pages/admin/admin-page.html
+++ b/apps/client/src/app/pages/admin/admin-page.html
@@ -23,7 +23,7 @@
           [name]="tab.iconName"
           [size]="deviceType === 'mobile' ? 'large' : 'small'"
         />
-        <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
+        <div class="d-none d-sm-block ml-2" [innerHTML]="tab.label"></div>
       </a>
     }
   }