opt.: redesigned settings page (#587)

lib/view/page/server/detail/view.dart

@@ -118,10 +118,10 @@ class _ServerDetailPageState extends State<ServerDetailPage>
     return CustomAppBar(
       title: Text(si.spi.name),
       actions: [
-        ShareBtn(
+        QrShareBtn(
           data: si.spi.toJsonString(),
           tip: si.spi.name,
-          tip2: '${libL10n.share} ${l10n.server} ~ ServerBox',
+          tip2: '${l10n.server} ~ ServerBox',
         ),
         IconButton(
           icon: const Icon(Icons.edit),

lib/view/page/server/edit.dart

@@ -610,13 +610,12 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
       envs: _env.value.isEmpty ? null : _env.value,
     );
 
-    final existsIds = ServerStore.instance.box.keys;
-    if (existsIds.contains(spi.id)) {
-      context.showSnackBar('${l10n.sameIdServerExist}: ${spi.id}');
-      return;
-    }
-
     if (this.spi == null) {
+      final existsIds = ServerStore.instance.box.keys;
+      if (existsIds.contains(spi.id)) {
+        context.showSnackBar('${l10n.sameIdServerExist}: ${spi.id}');
+        return;
+      }
       ServerProvider.addServer(spi);
     } else {
       ServerProvider.updateServer(this.spi!, spi);

lib/view/page/server/tab.dart

@@ -8,8 +8,10 @@ import 'package:server_box/core/extension/context/locale.dart';
 import 'package:server_box/core/extension/ssh_client.dart';
 import 'package:server_box/data/model/app/shell_func.dart';
 import 'package:server_box/data/model/server/try_limiter.dart';
+import 'package:server_box/data/res/build_data.dart';
 import 'package:server_box/data/res/store.dart';
 import 'package:server_box/view/page/server/edit.dart';
+import 'package:server_box/view/page/setting/entry.dart';
 import 'package:server_box/view/widget/percent_circle.dart';
 
 import 'package:server_box/core/route.dart';
@@ -19,6 +21,8 @@ import 'package:server_box/data/model/server/server_private_info.dart';
 import 'package:server_box/data/provider/server.dart';
 import 'package:server_box/view/widget/server_func_btns.dart';
 
+part 'top_bar.dart';
+
 class ServerPage extends StatefulWidget {
   const ServerPage({super.key});
 
@@ -85,7 +89,7 @@ class _ServerPageState extends State<ServerPage>
 
   Widget _buildPortrait() {
     return Scaffold(
-      appBar: TagSwitcher(
+      appBar: _TopBar(
         tags: ServerProvider.tags,
         onTagChanged: (p0) => _tag.value = p0,
         initTag: _tag.value,
@@ -130,7 +134,7 @@ class _ServerPageState extends State<ServerPage>
               top: 0,
               left: 0,
               child: IconButton(
-                onPressed: () => AppRoutes.settings().go(context),
+                onPressed: () => SettingsPage.route.go(context),
                 icon: const Icon(Icons.settings, color: Colors.grey),
               ),
             ),
@@ -482,30 +486,18 @@ class _ServerPageState extends State<ServerPage>
           null,
         ),
       ServerConn.failed => (
-          const Icon(
-            Icons.refresh,
-            size: 21,
-            color: Colors.grey,
-          ),
+          const Icon(Icons.refresh, size: 21, color: Colors.grey),
           () {
             TryLimiter.reset(s.spi.id);
             ServerProvider.refresh(spi: s.spi);
           },
         ),
       ServerConn.disconnected => (
-          const Icon(
-            MingCute.link_3_line,
-            size: 19,
-            color: Colors.grey,
-          ),
+          const Icon(MingCute.link_3_line, size: 19, color: Colors.grey),
           () => ServerProvider.refresh(spi: s.spi)
         ),
       ServerConn.finished => (
-          const Icon(
-            MingCute.unlink_2_line,
-            size: 17,
-            color: Colors.grey,
-          ),
+          const Icon(MingCute.unlink_2_line, size: 17, color: Colors.grey),
           () => ServerProvider.closeServer(id: s.spi.id),
         ),
       _ when Stores.setting.serverTabUseOldUI.fetch() => (
@@ -517,11 +509,7 @@ class _ServerPageState extends State<ServerPage>
     // Or the loading icon will be rescaled.
     final wrapped = child is SizedBox
         ? child
-        : SizedBox(
-            height: _kCardHeightMin,
-            width: 27,
-            child: child,
-          );
+        : SizedBox(height: _kCardHeightMin, width: 27, child: child);
     if (onTap == null) return wrapped.paddingOnly(left: 10);
     return InkWell(
       borderRadius: BorderRadius.circular(7),
@@ -654,7 +642,7 @@ ${ss.err?.message ?? 'null'}
 
   List<String> _filterServers(List<String> order) {
     final tag = _tag.value;
-    if (tag == kDefaultTag) return order;
+    if (tag == TagSwitcher.kDefaultTag) return order;
     return order.where((e) {
       final tags = ServerProvider.pick(id: e)?.value.spi.tags;
       if (tags == null) return false;

lib/view/page/server/top_bar.dart

@@ -0,0 +1,43 @@
+part of 'tab.dart';
+
+final class _TopBar extends StatelessWidget implements PreferredSizeWidget {
+  final ValueNotifier<Set<String>> tags;
+  final void Function(String) onTagChanged;
+  final String initTag;
+
+  const _TopBar({
+    required this.initTag,
+    required this.onTagChanged,
+    required this.tags,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 17),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          const Center(
+            child: Text(
+              BuildData.name,
+              style: TextStyle(fontSize: 20),
+              textAlign: TextAlign.center,
+            ),
+          ),
+          const SizedBox(width: 30),
+          TagSwitcher(
+            tags: tags,
+            onTagChanged: onTagChanged,
+            initTag: initTag,
+            singleLine: true,
+            reversed: true,
+          ).expanded(),
+        ],
+      ),
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(TagSwitcher.kTagBtnHeight);
+}