use a double scaffold approach for pins drawer

lib/widgets/member_list.dart

@@ -33,22 +33,10 @@ class MemberList extends HookConsumerWidget {
 
     return Drawer(
       shape: Border(),
-      child: Column(
+      child: Scaffold(
+        backgroundColor: Colors.transparent,
+        body: Column(
           children: [
-          if (Scaffold.of(context).hasEndDrawer)
-            AppBar(
-              scrolledUnderElevation: 0,
-              leading: Icon(Icons.people),
-              title: Text("Members"),
-              actionsPadding: .only(right: 4),
-              actions: [
-                IconButton(
-                  onPressed: Scaffold.of(context).closeEndDrawer,
-                  icon: Icon(Icons.close),
-                  tooltip: "Close member list",
-                ),
-              ],
-            ),
             Padding(
               padding: .symmetric(vertical: 8),
               child: M3EToggleButtonGroup(
@@ -180,6 +168,22 @@ class MemberList extends HookConsumerWidget {
             },
           ],
         ),
+        appBar: Scaffold.of(context).hasEndDrawer
+            ? AppBar(
+                scrolledUnderElevation: 0,
+                leading: Icon(Icons.people),
+                title: Text("Members"),
+                actionsPadding: .only(right: 4),
+                actions: [
+                  IconButton(
+                    onPressed: Scaffold.of(context).closeEndDrawer,
+                    icon: Icon(Icons.close),
+                    tooltip: "Close member list",
+                  ),
+                ],
+              )
+            : null,
+      ),
     );
   }
 }

lib/widgets/pinned_events_drawer.dart

@@ -13,15 +13,16 @@ class PinnedEventsDrawer extends HookConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final pinsAsync = ref.watch(PinnedEventsController.provider(roomId));
+    final pinsProvider = ref.watch(PinnedEventsController.provider(roomId));
     final theme = Theme.of(context);
 
-    return Column(
-      children: [
-        if (Scaffold.of(context).hasEndDrawer)
-          AppBar(
+    return Drawer(
+      width: 600,
+      child: Scaffold(
+        backgroundColor: Colors.transparent,
+        appBar: AppBar(
           scrolledUnderElevation: 0,
-            leading: Icon(Icons.pin),
+          leading: Icon(Icons.push_pin),
           title: Text("Pinned Messages"),
           actionsPadding: .only(right: 4),
           actions: [
@@ -32,8 +33,7 @@ class PinnedEventsDrawer extends HookConsumerWidget {
             ),
           ],
         ),
-        Expanded(
-          child: switch (pinsAsync) {
+        body: switch (pinsProvider) {
           AsyncData(:final value) when value.isEmpty => Center(
             child: Column(
               children: [
@@ -103,7 +103,6 @@ class PinnedEventsDrawer extends HookConsumerWidget {
           ),
         },
       ),
-      ],
     );
   }
 }

lib/widgets/room_appbar.dart

@@ -12,8 +12,8 @@ import "package:nexus/widgets/room_menu.dart";
 class RoomAppbar extends ConsumerWidget implements PreferredSizeWidget {
   final bool isDesktop;
   final void Function(BuildContext context)? onOpenMemberList;
-  final void Function(BuildContext context)? onOpenPinnedMessagesList;
-  final void Function(BuildContext context) onOpenDrawer;
+  final void Function()? onOpenPinnedMessagesList;
+  final void Function() onOpenDrawer;
   final String? roomId;
   const RoomAppbar({
     required this.roomId,
@@ -103,7 +103,7 @@ class RoomAppbar extends ConsumerWidget implements PreferredSizeWidget {
                     height: 24,
                     fallback: Icon(Icons.numbers),
                   )
-          : DrawerButton(onPressed: () => onOpenDrawer(context)),
+          : DrawerButton(onPressed: onOpenDrawer),
       scrolledUnderElevation: 0,
       title: room == null
           ? null
@@ -130,7 +130,7 @@ class RoomAppbar extends ConsumerWidget implements PreferredSizeWidget {
           ? .new()
           : .new([
               IconButton(
-                onPressed: () => onOpenPinnedMessagesList?.call(context),
+                onPressed: onOpenPinnedMessagesList?.call,
                 icon: Icon(Icons.push_pin),
                 tooltip: "Open pinned messages",
               ),

lib/widgets/room_chat.dart

@@ -62,9 +62,7 @@ class RoomChat extends HookConsumerWidget {
         appBar: RoomAppbar(
           roomId: this.roomId,
           isDesktop: isDesktop,
-          onOpenDrawer: (_) => Scaffold.of(context).openDrawer(),
-          onOpenMemberList: null,
-          onOpenPinnedMessagesList: null,
+          onOpenDrawer: () => Scaffold.of(context).openDrawer(),
         ),
         body: nothing,
       );
@@ -386,21 +384,20 @@ class RoomChat extends HookConsumerWidget {
     }
 
     return Scaffold(
+      endDrawer: PinnedEventsDrawer(roomId, getEventOptions: getEventOptions),
+      body: Builder(
+        builder: (middleContext) => Scaffold(
+          endDrawer: showMembersByDefault ? null : MemberList(roomId),
           appBar: RoomAppbar(
             roomId: roomId,
             isDesktop: isDesktop,
-        onOpenDrawer: (_) => Scaffold.of(context).openDrawer(),
+            onOpenDrawer: Scaffold.of(context).openDrawer,
             onOpenMemberList: (thisContext) {
               memberListOpened.value = !memberListOpened.value;
-          if (!showMembersByDefault) {
               Scaffold.of(thisContext).openEndDrawer();
-          }
             },
-        onOpenPinnedMessagesList: (thisContext) {
-          memberListOpened.value = false;
-          WidgetsBinding.instance.addPostFrameCallback((_) {
-            Scaffold.of(thisContext).openEndDrawer();
-          });
+            onOpenPinnedMessagesList: () {
+              Scaffold.of(middleContext).openEndDrawer();
             },
           ),
           body: Row(
@@ -435,7 +432,9 @@ class RoomChat extends HookConsumerWidget {
                                 itemCount: value.length,
                                 itemBuilder: (_, index) {
                                   final event = value[index];
-                              final previousEvent = value.getOrNull(index - 1);
+                                  final previousEvent = value.getOrNull(
+                                    index - 1,
+                                  );
                                   return HighlightWrapper(
                                     EventRenderer(
                                       event,
@@ -443,19 +442,25 @@ class RoomChat extends HookConsumerWidget {
                                         final replyId = event.replyTo;
                                         listController.value.animateToItem(
                                           index: value.indexWhere(
-                                        (element) => element.eventId == replyId,
+                                            (element) =>
+                                                element.eventId == replyId,
                                           ),
                                           scrollController: scrollController,
                                           alignment: 0.5,
-                                      duration: (_) => .new(milliseconds: 700),
+                                          duration: (_) =>
+                                              .new(milliseconds: 700),
                                           curve: (_) => Curves.easeInOut,
                                         );
                                         highlightedEvent.value = replyId;
-                                    await Future.delayed(.new(seconds: 1), () {
-                                      if (highlightedEvent.value == replyId) {
+                                        await Future.delayed(
+                                          .new(seconds: 1),
+                                          () {
+                                            if (highlightedEvent.value ==
+                                                replyId) {
                                               highlightedEvent.value = null;
                                             }
-                                    });
+                                          },
+                                        );
                                       },
                                       getEventOptions: getEventOptions,
                                       isGrouped:
@@ -494,7 +499,8 @@ class RoomChat extends HookConsumerWidget {
                         child: Composer(
                           roomId,
                           node: composerNode,
-                      onSend: (text, {required shouldMention, required tags}) =>
+                          onSend:
+                              (text, {required shouldMention, required tags}) =>
                                   notifier
                                       .send(
                                         text,
@@ -518,15 +524,6 @@ class RoomChat extends HookConsumerWidget {
                 MemberList(roomId),
             ],
           ),
-      endDrawer: showMembersByDefault && memberListOpened.value
-          ? null
-          : Drawer(
-              shape: Border(),
-              child: memberListOpened.value
-                  ? MemberList(roomId)
-                  : PinnedEventsDrawer(
-                      roomId,
-                      getEventOptions: getEventOptions,
         ),
       ),
     );