conditionally show room avatar in header

lib/helpers/extension_helper.dart

@@ -1,3 +1,4 @@
+import "package:flutter/material.dart";
 import "package:flutter/widgets.dart";
 import "package:flutter_chat_core/flutter_chat_core.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
@@ -118,3 +119,9 @@ extension ToMessage on Event {
     };
   }
 }
+
+extension ToTheme on ColorScheme {
+  ThemeData get theme => ThemeData.from(
+    colorScheme: this,
+  ).copyWith(appBarTheme: AppBarTheme(titleSpacing: 0));
+}

lib/main.dart

@@ -1,4 +1,5 @@
 import "package:flutter_riverpod/flutter_riverpod.dart";
+import "package:nexus/helpers/extension_helper.dart";
 import "package:nexus/widgets/room_chat.dart";
 import "package:nexus/widgets/sidebar.dart";
 import "package:scaled_app/scaled_app.dart";
@@ -31,18 +32,16 @@ class App extends StatelessWidget {
 
         return MaterialApp(
           debugShowCheckedModeBanner: false,
-          theme: ThemeData.from(
+          theme:
-            colorScheme:
+              (lightDynamic ?? ColorScheme.fromSeed(seedColor: Colors.indigo))
-                lightDynamic ?? ColorScheme.fromSeed(seedColor: Colors.indigo),
+                  .theme,
-          ),
+          darkTheme:
-          darkTheme: ThemeData.from(
+              (darkDynamic ??
-            colorScheme:
-                darkDynamic ??
                       ColorScheme.fromSeed(
                         seedColor: Colors.indigo,
                         brightness: Brightness.dark,
-                ),
+                      ))
-          ),
+                  .theme,
           home: Scaffold(
             body: Builder(
               builder: (context) => Row(

lib/widgets/avatar_or_hash.dart

@@ -26,6 +26,7 @@ class AvatarOrHash extends StatelessWidget {
       borderRadius: BorderRadius.all(Radius.circular(4)),
       child: SizedBox(
         height: height,
+        width: height,
         child: avatar == null
             ? fallback ?? box
             : Image.network(

lib/widgets/member_list.dart

@@ -11,15 +11,29 @@ class MemberList extends ConsumerWidget {
   const MemberList(this.room, {super.key});
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) => ColoredBox(
+  Widget build(BuildContext context, WidgetRef ref) => Drawer(
-    color: Theme.of(context).colorScheme.surfaceContainerLow,
+    shape: Border(),
-    child: SizedBox(
-      width: 240,
     child: ref
         .watch(MembersController.provider(room))
         .betterWhen(
           data: (members) => ListView(
             children: [
+              AppBar(
+                scrolledUnderElevation: 0,
+                backgroundColor: Theme.of(
+                  context,
+                ).colorScheme.surfaceContainerLow,
+                leading: Icon(Icons.people),
+                title: Text("Members"),
+                actionsPadding: EdgeInsets.only(right: 4),
+                actions: [
+                  if (Scaffold.of(context).hasEndDrawer)
+                    IconButton(
+                      onPressed: Scaffold.of(context).closeEndDrawer,
+                      icon: Icon(Icons.close),
+                    ),
+                ],
+              ),
               ...members
                   .where(
                     (membership) =>
@@ -48,6 +62,5 @@ class MemberList extends ConsumerWidget {
             ],
           ),
         ),
-    ),
   );
 }

lib/widgets/room_appbar.dart

@@ -8,8 +8,8 @@ import "package:nexus/widgets/avatar_or_hash.dart";
 class RoomAppbar extends StatelessWidget implements PreferredSizeWidget {
   final bool isDesktop;
   final FullRoom room;
-  final VoidCallback onOpenMemberList;
+  final void Function(BuildContext context) onOpenMemberList;
-  final VoidCallback onOpenDrawer;
+  final void Function(BuildContext context) onOpenDrawer;
   const RoomAppbar(
     this.room, {
     required this.isDesktop,
@@ -23,24 +23,22 @@ class RoomAppbar extends StatelessWidget implements PreferredSizeWidget {
 
   @override
   AppBar build(BuildContext context) => AppBar(
-    leading: isDesktop ? null : DrawerButton(onPressed: onOpenDrawer),
+    leading: isDesktop
-    actionsPadding: EdgeInsets.symmetric(horizontal: 8),
+        ? AvatarOrHash(
-    title: Row(
-      children: [
-        AvatarOrHash(
             room.avatar,
             room.title,
             height: 32,
             fallback: Icon(Icons.numbers),
             headers: room.roomData.client.headers,
-        ),
+          )
-        SizedBox(width: 12),
+        : DrawerButton(onPressed: () => onOpenDrawer(context)),
-        Expanded(
+    scrolledUnderElevation: 0,
-          child: Column(
+    backgroundColor: Theme.of(context).colorScheme.surfaceContainerLow,
+    actionsPadding: EdgeInsets.symmetric(horizontal: 8),
+    title: Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         Text(room.title, overflow: TextOverflow.ellipsis),
-
         Text(
           room.roomData.topic,
           maxLines: 1,
@@ -51,11 +49,11 @@ class RoomAppbar extends StatelessWidget implements PreferredSizeWidget {
         ),
       ],
     ),
-        ),
-      ],
-    ),
     actions: [
-      IconButton(onPressed: onOpenMemberList, icon: Icon(Icons.people)),
+      IconButton(
+        onPressed: () => onOpenMemberList(context),
+        icon: Icon(Icons.people),
+      ),
       if (!(Platform.isAndroid || Platform.isIOS))
         IconButton(onPressed: () => exit(0), icon: Icon(Icons.close)),
     ],

lib/widgets/room_chat.dart

@@ -58,9 +58,11 @@ class RoomChat extends HookConsumerWidget {
               appBar: RoomAppbar(
                 room,
                 isDesktop: isDesktop,
-                onOpenDrawer: Scaffold.of(context).openDrawer,
+                onOpenDrawer: (_) => Scaffold.of(context).openDrawer(),
-                onOpenMemberList: () =>
+                onOpenMemberList: (thisContext) {
-                    memberListOpened.value = !memberListOpened.value,
+                  memberListOpened.value = !memberListOpened.value;
+                  Scaffold.of(thisContext).openEndDrawer();
+                },
               ),
               body: Row(
                 children: [
@@ -245,9 +247,11 @@ class RoomChat extends HookConsumerWidget {
                         ),
                   ),
 
-                  if (memberListOpened.value == true) MemberList(room.roomData),
+                  if (memberListOpened.value == true && isDesktop)
+                    MemberList(room.roomData),
                 ],
               ),
+              endDrawer: isDesktop ? null : MemberList(room.roomData),
             );
           },
         );

lib/widgets/sidebar.dart

@@ -61,23 +61,16 @@ class Sidebar extends HookConsumerWidget {
                     return Scaffold(
                       backgroundColor: Colors.transparent,
                       appBar: AppBar(
-                        title: Row(
+                        leading: AvatarOrHash(
-                          children: [
-                            AvatarOrHash(
                           space.avatar,
                           fallback: space.icon,
                           space.title,
                           headers: space.client.headers,
                         ),
-                            SizedBox(width: 12),
+                        title: Text(
-                            Expanded(
-                              child: Text(
                           space.title,
                           overflow: TextOverflow.ellipsis,
                         ),
-                            ),
-                          ],
-                        ),
                         backgroundColor: Colors.transparent,
                       ),
                       body: NavigationRail(