From 4b2c736052ba98738994f2834ba277221d027b2b Mon Sep 17 00:00:00 2001 From: schroda <50052685+schroda@users.noreply.github.com> Date: Sat, 11 Apr 2026 15:40:54 +0200 Subject: [PATCH] Hide navigation badge text in moible bottom bar --- src/features/navigation-bar/components/MobileBottomBar.tsx | 1 + .../navigation-bar/components/NavigationBarItem.tsx | 6 +++++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/features/navigation-bar/components/MobileBottomBar.tsx b/src/features/navigation-bar/components/MobileBottomBar.tsx index f01702eb..8f068c97 100644 --- a/src/features/navigation-bar/components/MobileBottomBar.tsx +++ b/src/features/navigation-bar/components/MobileBottomBar.tsx @@ -60,6 +60,7 @@ export const MobileBottomBar = ({ navBarItems }: { navBarItems: NavbarItem[] }) }, }, }} + forceCollapsed /> ))} diff --git a/src/features/navigation-bar/components/NavigationBarItem.tsx b/src/features/navigation-bar/components/NavigationBarItem.tsx index 19aeac42..cc62a738 100644 --- a/src/features/navigation-bar/components/NavigationBarItem.tsx +++ b/src/features/navigation-bar/components/NavigationBarItem.tsx @@ -29,17 +29,21 @@ export const NavigationBarItem = ({ SelectedIconComponent, useBadge, slots, + forceCollapsed, }: NavbarItem & { slots?: { listItemLink?: Partial>; }; + forceCollapsed?: boolean; }) => { const { t } = useLingui(); const location = useLocation(); - const { isCollapsed } = useNavBarContext(); + const { isCollapsed: isCollapsedContext } = useNavBarContext(); const theme = useTheme(); const badgeInfo = useBadge?.(); + const isCollapsed = forceCollapsed ?? isCollapsedContext; + const isActive = location.pathname.startsWith(path); const Icon = isActive ? SelectedIconComponent : IconComponent;