Add misc settings ui

lib/features/settings/widgets/settings_input_dialog.dart

@@ -6,8 +6,9 @@ import 'package:hiddify/core/core_providers.dart';
 import 'package:hiddify/utils/utils.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 
-class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
-  const SettingsInputDialog({
+class OptionalSettingsInputDialog<T> extends HookConsumerWidget
+    with PresLogger {
+  const OptionalSettingsInputDialog({
     super.key,
     required this.title,
     this.initialValue,
@@ -75,3 +76,80 @@ class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
     );
   }
 }
+
+class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
+  const SettingsInputDialog({
+    super.key,
+    required this.title,
+    required this.initialValue,
+    this.mapTo,
+    this.resetValue,
+    this.icon,
+    this.digitsOnly = false,
+  });
+
+  final String title;
+  final T initialValue;
+  final T? Function(String value)? mapTo;
+  final T? resetValue;
+  final IconData? icon;
+  final bool digitsOnly;
+
+  Future<T?> show(BuildContext context) async {
+    return showDialog(
+      context: context,
+      useRootNavigator: true,
+      builder: (context) => this,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final t = ref.watch(translationsProvider);
+    final localizations = MaterialLocalizations.of(context);
+
+    final textController = useTextEditingController(
+      text: initialValue?.toString(),
+    );
+
+    return AlertDialog(
+      title: Text(title),
+      icon: icon != null ? Icon(icon) : null,
+      content: TextFormField(
+        controller: textController,
+        inputFormatters: [
+          FilteringTextInputFormatter.singleLineFormatter,
+          if (digitsOnly) FilteringTextInputFormatter.digitsOnly,
+        ],
+        autovalidateMode: AutovalidateMode.always,
+      ),
+      actions: [
+        if (resetValue != null)
+          TextButton(
+            onPressed: () async {
+              await Navigator.of(context).maybePop(resetValue);
+            },
+            child: Text(t.general.reset.toUpperCase()),
+          ),
+        TextButton(
+          onPressed: () async {
+            await Navigator.of(context).maybePop();
+          },
+          child: Text(localizations.cancelButtonLabel.toUpperCase()),
+        ),
+        TextButton(
+          onPressed: () async {
+            if (mapTo != null) {
+              await Navigator.of(context)
+                  .maybePop(mapTo!.call(textController.value.text));
+            } else {
+              await Navigator.of(context)
+                  .maybePop(T == String ? textController.value.text : null);
+            }
+          },
+          child: Text(localizations.okButtonLabel.toUpperCase()),
+        ),
+      ],
+    );
+  }
+}