diff --git a/apps/meteor/client/sidebarv2/RoomList/RoomListFiltersItem.tsx b/apps/meteor/client/sidebarv2/RoomList/RoomListFiltersItem.tsx index f584543dddace..b2c7a7146ee08 100644 --- a/apps/meteor/client/sidebarv2/RoomList/RoomListFiltersItem.tsx +++ b/apps/meteor/client/sidebarv2/RoomList/RoomListFiltersItem.tsx @@ -1,11 +1,11 @@ -import { Icon, SidebarV2Item, SidebarV2ItemTitle } from '@rocket.chat/fuselage'; +import { Icon, SidebarV2Item, SidebarV2ItemBadge, SidebarV2ItemTitle } from '@rocket.chat/fuselage'; import type { Keys as IconName } from '@rocket.chat/icons'; import { memo } from 'react'; import { useTranslation } from 'react-i18next'; -// import { useUnreadDisplay } from './hooks/useUnreadDisplay'; import type { SidePanelFiltersKeys } from '../../views/navigation/contexts/RoomsNavigationContext'; -// import { useUnreadGroupData } from '../views/navigation/contexts/RoomsNavigationContext'; +import { useUnreadGroupData } from '../../views/navigation/contexts/RoomsNavigationContext'; +import { useUnreadDisplay } from '../hooks/useUnreadDisplay'; type SidebarFiltersItemProps = { title: SidePanelFiltersKeys; @@ -16,14 +16,14 @@ type SidebarFiltersItemProps = { const RoomListFiltersItem = ({ title, selected, icon, onClick }: SidebarFiltersItemProps) => { const { t } = useTranslation(); - // const unreadGroupCount = useUnreadGroupData(title); - // const { unreadTitle, unreadVariant, showUnread, unreadCount } = useUnreadDisplay(unreadGroupCount); + const unreadGroupCount = useUnreadGroupData(title); + const { unreadTitle, unreadVariant, showUnread, unreadCount, highlightUnread: highlighted } = useUnreadDisplay(unreadGroupCount); return ( - {t(title)} - {/* {showUnread && ( + {t(title)} + {showUnread && ( {unreadCount.total} - )} */} + )} ); };