chore: hidden ThemeBadge

dnbexperience · Oct 18, 2023 · 0dae141 · 0dae141
1 parent f0a01e8
commit 0dae141
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/dnb-design-system-portal/src/shared/menu/SidebarMenu.module.scss b/packages/dnb-design-system-portal/src/shared/menu/SidebarMenu.module.scss
@@ -243,6 +243,10 @@
         color: white;
       }
 
+      &.dnb-sidebar-menu__theme-badge--hidden {
+        display: none;
+      }
+
       &.dnb-sidebar-menu__theme-badge--sbanken {
         padding: 0;
         font-family: var(--sb-font-family-headings);

diff --git a/packages/dnb-design-system-portal/src/shared/menu/SidebarMenu.tsx b/packages/dnb-design-system-portal/src/shared/menu/SidebarMenu.tsx
@@ -201,7 +201,14 @@ export default function SidebarLayout({
   }
 }
 
-const ThemeBadge = ({ theme, ...props }: { theme: ThemeNames }) => {
+const ThemeBadge = ({
+  theme,
+  currentTheme,
+  ...props
+}: {
+  theme: ThemeNames
+  currentTheme: ThemeNames
+}) => {
   const themeTitle =
     theme &&
     {
@@ -217,6 +224,7 @@ const ThemeBadge = ({ theme, ...props }: { theme: ThemeNames }) => {
       className={classnames(
         'dnb-sidebar-menu__theme-badge',
         `dnb-sidebar-menu__theme-badge--${theme}`,
+        theme !== currentTheme && 'dnb-sidebar-menu__theme-badge--hidden',
       )}
       {...props}
     >
@@ -330,7 +338,7 @@ function ListItem({
               {title}
             </span>
           </span>
-          {theme === currentTheme && <ThemeBadge theme={theme} />}
+          {<ThemeBadge theme={theme} currentTheme={currentTheme} />}
           {status && (
             <Badge space={{ right: 'xx-small' }} content={statusTitle} />
           )}