✨ Complete the realm system

lib/screens/realms/realm.dart

@@ -6,7 +6,6 @@ import 'package:solian/providers/realm.dart';
 import 'package:solian/router.dart';
 import 'package:solian/screens/chat/chat_list.dart';
 import 'package:solian/screens/explore.dart';
-import 'package:solian/screens/realms/realm_member.dart';
 import 'package:solian/utils/theme.dart';
 import 'package:solian/widgets/scaffold.dart';
 
@@ -82,7 +81,7 @@ class _RealmWidgetState extends State<RealmWidget> {
     }
 
     return DefaultTabController(
-      length: 3,
+      length: 2,
       child: Column(
         children: [
           TabBar(
@@ -90,7 +89,6 @@ class _RealmWidgetState extends State<RealmWidget> {
             tabs: const [
               Tab(icon: Icon(Icons.newspaper)),
               Tab(icon: Icon(Icons.message)),
-              Tab(icon: Icon(Icons.supervisor_account))
             ],
           ),
           Expanded(
@@ -98,11 +96,6 @@ class _RealmWidgetState extends State<RealmWidget> {
               children: [
                 ExplorePostWidget(realm: widget.alias),
                 ChatListWidget(realm: widget.alias),
-                _realm.focusRealm != null
-                    ? RealmMemberWidget(realm: _realm.focusRealm!)
-                    : const Center(
-                        child: CircularProgressIndicator(),
-                      ),
               ],
             ),
           )
@@ -127,8 +120,9 @@ class RealmManageAction extends StatelessWidget {
     return IconButton(
       onPressed: () async {
         final did = await SolianRouter.router.pushNamed(
-          'realms.editor',
+          'realms.manage',
           extra: realm,
+          pathParameters: {'realm': realm.alias},
         );
         if (did == true) onUpdate();
       },

lib/screens/realms/realm_editor.dart

@@ -8,6 +8,7 @@ import 'package:solian/models/realm.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/router.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/utils/theme.dart';
 import 'package:solian/widgets/exts.dart';
 import 'package:solian/widgets/scaffold.dart';
 import 'package:uuid/uuid.dart';
@@ -117,6 +118,7 @@ class _RealmEditorScreenState extends State<RealmEditorScreen> {
           child: Text(AppLocalizations.of(context)!.apply.toUpperCase()),
         ),
       ],
+      fixedAppBarColor: SolianTheme.isLargeScreen(context),
       child: Column(
         children: [
           _isSubmitting ? const LinearProgressIndicator().animate().scaleX() : Container(),

lib/screens/realms/realm_manage.dart

@@ -0,0 +1,119 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:solian/models/realm.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/router.dart';
+import 'package:solian/widgets/realms/realm_deletion.dart';
+import 'package:solian/widgets/scaffold.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+
+class RealmManageScreen extends StatefulWidget {
+  final Realm realm;
+
+  const RealmManageScreen({super.key, required this.realm});
+
+  @override
+  State<RealmManageScreen> createState() => _RealmManageScreenState();
+}
+
+class _RealmManageScreenState extends State<RealmManageScreen> {
+  bool _isOwned = false;
+
+  void promptLeaveChannel() async {
+    final did = await showDialog(
+      context: context,
+      builder: (context) => RealmDeletion(
+        realm: widget.realm,
+        isOwned: _isOwned,
+      ),
+    );
+    if (did == true && SolianRouter.router.canPop()) {
+      SolianRouter.router.pop('disposed');
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+
+    Future.delayed(Duration.zero, () async {
+      final auth = context.read<AuthProvider>();
+      final prof = await auth.getProfiles();
+
+      setState(() {
+        _isOwned = prof['id'] == widget.realm.accountId;
+      });
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final authorizedItems = [
+      ListTile(
+        leading: const Icon(Icons.settings),
+        title: Text(AppLocalizations.of(context)!.settings),
+        onTap: () async {
+          SolianRouter.router.pushNamed('realms.editor', extra: widget.realm).then((did) {
+            if (did == true) {
+              if (SolianRouter.router.canPop()) SolianRouter.router.pop('refresh');
+            }
+          });
+        },
+      ),
+    ];
+
+    return IndentScaffold(
+      title: AppLocalizations.of(context)!.realmManage,
+      hideDrawer: true,
+      noSafeArea: true,
+      child: Column(
+        children: [
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+            child: Row(
+              children: [
+                const CircleAvatar(
+                  radius: 24,
+                  backgroundColor: Colors.teal,
+                  child: Icon(Icons.tag, color: Colors.white),
+                ),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+                    Text(widget.realm.name, style: Theme.of(context).textTheme.bodyLarge),
+                    Text(widget.realm.description, style: Theme.of(context).textTheme.bodySmall),
+                  ]),
+                )
+              ],
+            ),
+          ),
+          const Divider(thickness: 0.3),
+          Expanded(
+            child: ListView(
+              children: [
+                ListTile(
+                  leading: const Icon(Icons.supervisor_account),
+                  title: Text(AppLocalizations.of(context)!.chatMember),
+                  onTap: () {
+                    SolianRouter.router.pushNamed(
+                      'realms.member',
+                      extra: widget.realm,
+                      pathParameters: {'realm': widget.realm.alias},
+                    );
+                  },
+                ),
+                ...(_isOwned ? authorizedItems : List.empty()),
+                const Divider(thickness: 0.3),
+                ListTile(
+                  leading: _isOwned ? const Icon(Icons.delete) : const Icon(Icons.exit_to_app),
+                  title: Text(_isOwned ? AppLocalizations.of(context)!.delete : AppLocalizations.of(context)!.exit),
+                  onTap: () => promptLeaveChannel(),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/realms/realm_member.dart

@@ -7,20 +7,23 @@ import 'package:solian/models/account.dart';
 import 'package:solian/models/realm.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
+import 'package:solian/utils/theme.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
 import 'package:solian/widgets/account/friend_picker.dart';
 import 'package:solian/widgets/exts.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:solian/widgets/scaffold.dart';
 
-class RealmMemberWidget extends StatefulWidget {
+class RealmMemberScreen extends StatefulWidget {
   final Realm realm;
 
-  const RealmMemberWidget({super.key, required this.realm});
+  const RealmMemberScreen({super.key, required this.realm});
 
   @override
-  State<RealmMemberWidget> createState() => _RealmMemberWidgetState();
+  State<RealmMemberScreen> createState() => _RealmMemberScreenState();
 }
 
-class _RealmMemberWidgetState extends State<RealmMemberWidget> {
+class _RealmMemberScreenState extends State<RealmMemberScreen> {
   bool _isSubmitting = false;
 
   List<RealmMember> _members = List.empty();
@@ -136,12 +139,18 @@ class _RealmMemberWidgetState extends State<RealmMemberWidget> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      floatingActionButton: FloatingActionButton(
-        child: const Icon(Icons.add),
-        onPressed: () => promptAddMember(),
-      ),
-      body: RefreshIndicator(
+    return IndentScaffold(
+      title: AppLocalizations.of(context)!.realmMember,
+      fixedAppBarColor: SolianTheme.isLargeScreen(context),
+      noSafeArea: true,
+      hideDrawer: true,
+      appBarActions: [
+        IconButton(
+          icon: const Icon(Icons.add),
+          onPressed: () => promptAddMember(),
+        ),
+      ],
+      child: RefreshIndicator(
         onRefresh: () => fetchMemberships(),
         child: CustomScrollView(
           slivers: [