✨ Leave channel

assets/translations/en.json

@@ -179,6 +179,10 @@
   "channelEditDescription": "Change the basic information of the channel, metadata, etc.",
   "channelActionDelete": "Delete Channel",
   "channelActionDeleteDescription": "Delete the entire channel, and also delete messages in the channel.",
+  "channelLeave": "Leave Channel {}",
+  "channelLeaveDescription": "Leave this channel, but the messages in the channel will not be removed.",
+  "channelActionLeave": "Leave Channel",
+  "channelActionLeaveDescription": "Delete your profile in this channel.",
   "fieldRealmAlias": "Realm Alias",
   "fieldRealmAliasHint": "The unique realm alias within the site, used to represent the realm in URL, leave blank to auto generate. Should be URL-Safe.",
   "fieldRealmName": "Name",

assets/translations/zh.json

@@ -179,6 +179,10 @@
   "channelEditDescription": "更改频道基本信息，元数据等。",
   "channelActionDelete": "删除频道",
   "channelActionDeleteDescription": "删除整个频道，并且删除频道里的所有信息。",
+  "channelLeave": "退出频道 {}",
+  "channelLeaveDescription": "退出该频道，但是你频道内的信息不会被移除。",
+  "channelActionLeave": "退出频道",
+  "channelActionLeaveDescription": "删除你在这个频道的身份。",
   "fieldRealmAlias": "领域别名",
   "fieldRealmAliasHint": "全站范围内唯一的领域别名，用于在 URL 中表示该领域，留空则自动生成。应遵循 URL-Safe 的原则。",
   "fieldRealmName": "名称",

lib/screens/chat/channel_detail.dart

@@ -8,6 +8,7 @@ import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/channel.dart';
 import 'package:surface/providers/sn_network.dart';
 import 'package:surface/providers/user_directory.dart';
+import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/dialog.dart';
@@ -86,6 +87,27 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
     }
   }
 
+  Future<void> _leaveChannel() async {
+    final confirm = await context.showConfirmDialog(
+      'channelLeave'.tr(args: [_channel!.name]),
+      'channelLeaveDescription'.tr(),
+    );
+    if (!confirm) return;
+    if (!mounted) return;
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      await sn.client.delete(
+        '/cgi/im/channels/${_channel!.realm?.alias ?? 'global'}/${_channel!.id}/members/me',
+      );
+      if (!mounted) return;
+      Navigator.pop(context, false);
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    }
+  }
+
   @override
   void initState() {
     super.initState();
@@ -97,11 +119,16 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
   @override
   Widget build(BuildContext context) {
     final ud = context.read<UserDirectoryProvider>();
+    final ua = context.read<UserProvider>();
+
+    final isOwned = ua.isAuthorized && _channel?.accountId == ua.user?.id;
+
     return Scaffold(
       appBar: AppBar(
         title: _channel != null ? Text(_channel!.name) : Text('loading').tr(),
       ),
-      body: Column(
+      body: SingleChildScrollView(
+        child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             LoadingIndicator(isActive: _isBusy),
@@ -122,6 +149,7 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
               ).padding(horizontal: 24),
             const Gap(16),
             const Divider(),
+            const Gap(12),
             if (_profile != null)
               Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
@@ -147,6 +175,16 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
                     contentPadding: const EdgeInsets.only(left: 20, right: 20),
                     onTap: () {},
                   ),
+                  if (!isOwned)
+                    ListTile(
+                      leading: const Icon(Symbols.exit_to_app),
+                      trailing: const Icon(Symbols.chevron_right),
+                      title: Text('channelActionLeave').tr(),
+                      subtitle: Text('channelActionLeaveDescription').tr(),
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 24),
+                      onTap: _leaveChannel,
+                    ),
                 ],
               ).padding(bottom: 16),
             Column(
@@ -174,6 +212,7 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
                     });
                   },
                 ),
+                if (isOwned)
                   ListTile(
                     leading: const Icon(Symbols.delete),
                     trailing: const Icon(Symbols.chevron_right),
@@ -186,6 +225,7 @@ class _ChannelDetailScreenState extends State<ChannelDetailScreen> {
             ),
           ],
         ),
+      ),
     );
   }
 }