displaying unreads

lib/widgets/chat_page/sidebar.dart

@@ -7,6 +7,7 @@ import "package:nexus/controllers/spaces_controller.dart";
 import "package:nexus/helpers/extension_helper.dart";
 import "package:nexus/pages/settings_page.dart";
 import "package:nexus/widgets/avatar_or_hash.dart";
+import "package:nexus/widgets/chat_page/unread.dart";
 
 class Sidebar extends HookConsumerWidget {
   const Sidebar({super.key});
@@ -40,12 +41,8 @@ class Sidebar extends HookConsumerWidget {
                   destinations: spaces
                       .map(
                         (space) => NavigationRailDestination(
-                          icon: Badge(
+                          icon: Unread(
-                            smallSize: 8,
+                            isUnread:
-                            backgroundColor: Theme.of(
-                              context,
-                            ).colorScheme.primary,
-                            isLabelVisible:
                                 space.children.firstWhereOrNull(
                                   (room) => room.roomData.hasNewMessages,
                                 ) !=
@@ -107,8 +104,8 @@ class Sidebar extends HookConsumerWidget {
                             .map(
                               (room) => NavigationRailDestination(
                                 label: Text(room.title),
-                                icon: Badge(
+                                icon: Unread(
-                                  isLabelVisible: room.roomData.hasNewMessages,
+                                  isUnread: room.roomData.hasNewMessages,
                                   child: AvatarOrHash(
                                     room.avatar,
                                     room.title,

lib/widgets/chat_page/unread.dart

@@ -0,0 +1,15 @@
+import "package:flutter/material.dart";
+
+class Unread extends StatelessWidget {
+  final bool isUnread;
+  final Widget child;
+  const Unread({required this.isUnread, required this.child, super.key});
+
+  @override
+  Widget build(BuildContext context) => Badge(
+    smallSize: 8,
+    backgroundColor: Theme.of(context).colorScheme.primary,
+    isLabelVisible: isUnread,
+    child: child,
+  );
+}