Make settings page

Author: Fernthedev

lib/pages/main/settings.dart

@@ -0,0 +1,60 @@
+import 'package:desktop_adb_file_browser/riverpod/settings.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class SettingsPage extends ConsumerStatefulWidget {
+  const SettingsPage({super.key});
+
+  @override
+  ConsumerState<ConsumerStatefulWidget> createState() => _SettingsPageState();
+}
+
+class _SettingsPageState extends ConsumerState<SettingsPage> {
+  @override
+  Widget build(BuildContext context) {
+    final settings = ref.watch(settingsProvider);
+    var multipleADBLimit = SizedBox(
+      width: 200,
+      child: TextFormField(
+        initialValue: settings.multipleAdbInstances.toString(),
+        keyboardType: const TextInputType.numberWithOptions(
+            signed: false, decimal: false),
+        inputFormatters: <TextInputFormatter>[
+          FilteringTextInputFormatter.digitsOnly
+        ], // Only numbers can be entered
+        decoration:
+            const InputDecoration(label: Text("Multiple ADB Instance Limit")),
+        onChanged: (v) => updateSettings(
+          settings.copyWith(
+              multipleAdbInstances:
+                  (double.tryParse(v) ?? settings.multipleAdbInstances)
+                      .toInt()),
+        ),
+      ),
+    );
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text("Settings"),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          children: [
+            Tooltip(
+              message:
+                  "Specifies the limit of ADB instances that can run simultaneously",
+              waitDuration: const Duration(milliseconds: 500),
+              child: multipleADBLimit,
+            )
+          ],
+        ),
+      ),
+    );
+  }
+
+  void updateSettings(SettingsData settings) {
+    var notifier = ref.read(settingsProvider.notifier);
+    notifier.update(settings);
+  }
+}

lib/pages/main_page.dart

@@ -2,6 +2,7 @@ import 'package:desktop_adb_file_browser/pages/main/browser.dart';
 import 'package:desktop_adb_file_browser/pages/main/devices.dart';
 import 'package:desktop_adb_file_browser/pages/main/logger.dart';
 import 'package:desktop_adb_file_browser/pages/main/package_list.dart';
+import 'package:desktop_adb_file_browser/pages/main/settings.dart';
 import 'package:desktop_adb_file_browser/riverpod/selected_device.dart';
 import 'package:flex_color_scheme/flex_color_scheme.dart';
 import 'package:fluentui_system_icons/fluentui_system_icons.dart';
@@ -12,7 +13,8 @@ enum _Page {
   devices("Devices", FluentIcons.phone_48_regular, false),
   browser("Browser", FluentIcons.folder_48_regular, true),
   logger("Logger", FluentIcons.code_block_48_regular, true),
-  packages("Packages", FluentIcons.apps_48_regular, true);
+  packages("Packages", FluentIcons.apps_48_regular, true),
+  settings("Settings", FluentIcons.settings_48_regular, false);
 
   const _Page(this.name, this.icon, this.requiresDevice);
 
@@ -113,6 +115,7 @@ class _MainPageState extends ConsumerState<MainPage> {
           key: const ValueKey("packages"),
           serial: selectedDevice!.serialName,
         ),
+      _Page.settings => const SettingsPage(),
     };
   }
 }