From c3ca1e349166993632467aafff11eb028fe75a74 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Sat, 4 Apr 2026 12:28:49 -0400
Subject: [PATCH] Add dialog for kick/ban

---
 lib/helpers/extensions/capitalized.dart       |  4 +
 .../requests/set_membership_request.dart      |  1 +
 lib/widgets/chat_page/user_popover.dart       | 99 +++++++++++++------
 3 files changed, 75 insertions(+), 29 deletions(-)
 create mode 100644 lib/helpers/extensions/capitalized.dart

diff --git a/lib/helpers/extensions/capitalized.dart b/lib/helpers/extensions/capitalized.dart
new file mode 100644
index 0000000..cbff0b9
--- /dev/null
+++ b/lib/helpers/extensions/capitalized.dart
@@ -0,0 +1,4 @@
+extension Capitalized on String {
+  String get capitalized =>
+      "${this[0].toUpperCase()}${substring(1).toLowerCase()}";
+}
diff --git a/lib/models/requests/set_membership_request.dart b/lib/models/requests/set_membership_request.dart
index 7384f5d..ae101e8 100644
--- a/lib/models/requests/set_membership_request.dart
+++ b/lib/models/requests/set_membership_request.dart
@@ -8,6 +8,7 @@ abstract class SetMembershipRequest with _$SetMembershipRequest {
     required String userId,
     required String roomId,
 
+    String? reason,
     @JsonKey(name: "action") required MembershipAction action,
     @Default(false) @JsonKey(name: "msc4293_redact_events") bool redact,
   }) = _SetMembershipRequest;
diff --git a/lib/widgets/chat_page/user_popover.dart b/lib/widgets/chat_page/user_popover.dart
index e8f4dea..2895eb4 100644
--- a/lib/widgets/chat_page/user_popover.dart
+++ b/lib/widgets/chat_page/user_popover.dart
@@ -1,16 +1,19 @@
 import "package:flutter/material.dart";
+import "package:flutter_hooks/flutter_hooks.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
 import "package:nexus/controllers/client_controller.dart";
 import "package:nexus/controllers/client_state_controller.dart";
 import "package:nexus/controllers/profile_controller.dart";
 import "package:nexus/controllers/selected_room_controller.dart";
 import "package:nexus/helpers/extensions/better_when.dart";
+import "package:nexus/helpers/extensions/capitalized.dart";
 import "package:nexus/models/membership.dart";
 import "package:nexus/models/membership_status.dart";
 import "package:nexus/models/requests/set_membership_request.dart";
 import "package:nexus/widgets/avatar_or_hash.dart";
 import "package:nexus/main.dart";
 import "package:nexus/widgets/chat_page/expandable_image.dart";
+import "package:nexus/widgets/form_text_input.dart";
 
 class UserPopover extends ConsumerWidget {
   final Membership member;
@@ -25,6 +28,56 @@ class UserPopover extends ConsumerWidget {
       SelectedRoomController.provider.select((room) => room?.metadata?.id),
     );
 
+    void showMembershipDialog(MembershipAction action) => showDialog(
+      context: context,
+      builder: (context) => HookBuilder(
+        builder: (context) {
+          final actionReasonController = useTextEditingController();
+          return AlertDialog(
+            title: Text("${action.name.capitalized} ${member.userId}"),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  "Are you sure you want to ${action.name} ${member.userId}?",
+                ),
+                SizedBox(height: 12),
+                FormTextInput(
+                  required: false,
+                  capitalize: true,
+                  controller: actionReasonController,
+                  title: "Reason for ${action.name} (optional)",
+                ),
+              ],
+            ),
+            actions: [
+              TextButton(
+                onPressed: Navigator.of(context).pop,
+                child: Text("Cancel"),
+              ),
+              TextButton(
+                onPressed: () {
+                  Navigator.of(context).pop();
+                  client
+                      .setMembership(
+                        SetMembershipRequest(
+                          userId: member.userId,
+                          roomId: roomId!,
+                          action: action,
+                          reason: actionReasonController.text,
+                        ),
+                      )
+                      .onError(showError);
+                },
+                child: Text(action.name.capitalized),
+              ),
+            ],
+          );
+        },
+      ),
+    );
+
     return Column(
       spacing: 16,
       crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -79,38 +132,26 @@ class UserPopover extends ConsumerWidget {
             runSpacing: 8,
             children: [
               FilledButton.icon(onPressed: null, label: Text("Message")),
-              FilledButton.icon(
-                onPressed: () => client
-                    .setMembership(
-                      SetMembershipRequest(
-                        userId: member.userId,
-                        roomId: roomId,
-                        action: MembershipAction.kick,
-                      ),
-                    )
-                    .onError(showError),
-                label: Text("Kick"),
-                style: ButtonStyle(
-                  backgroundColor: WidgetStatePropertyAll(
-                    theme.colorScheme.error,
-                  ),
-                  foregroundColor: WidgetStatePropertyAll(
-                    theme.colorScheme.onError,
+              if (member.status == MembershipStatus.join ||
+                  member.status == MembershipStatus.invite)
+                FilledButton.icon(
+                  onPressed: () => showMembershipDialog(MembershipAction.kick),
+                  label: Text("Kick"),
+                  style: ButtonStyle(
+                    backgroundColor: WidgetStatePropertyAll(
+                      theme.colorScheme.error,
+                    ),
+                    foregroundColor: WidgetStatePropertyAll(
+                      theme.colorScheme.onError,
+                    ),
                   ),
                 ),
-              ),
               ElevatedButton.icon(
-                onPressed: () => client
-                    .setMembership(
-                      SetMembershipRequest(
-                        userId: member.userId,
-                        roomId: roomId,
-                        action: member.status == MembershipStatus.ban
-                            ? MembershipAction.unban
-                            : MembershipAction.ban,
-                      ),
-                    )
-                    .onError(showError),
+                onPressed: () => showMembershipDialog(
+                  member.status == MembershipStatus.ban
+                      ? MembershipAction.unban
+                      : MembershipAction.ban,
+                ),
                 label: Text(
                   member.status == MembershipStatus.ban ? "Unban" : "Ban",
                 ),