feat: locked view mobile (#18316)

* feat: locked/private view * feat: locked/private view * feat: mobile lock/private view * feat: mobile lock/private view * merge main * pr feedback * pr feedback * bottom sheet sizing * always lock when navigating away
2025-08-08 23:07:06 +02:00 · 2025-05-20 08:35:22 -05:00
parent 397808dd1a
commit fe71894308
57 changed files with 1893 additions and 289 deletions
--- a/mobile/lib/widgets/forms/pin_registration_form.dart
+++ b/mobile/lib/widgets/forms/pin_registration_form.dart
@ -0,0 +1,128 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+import 'package:immich_mobile/providers/auth.provider.dart';
+import 'package:immich_mobile/widgets/forms/pin_input.dart';
+
+class PinRegistrationForm extends HookConsumerWidget {
+  final Function() onDone;
+
+  const PinRegistrationForm({
+    super.key,
+    required this.onDone,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final hasError = useState(false);
+    final newPinCodeController = useTextEditingController();
+    final confirmPinCodeController = useTextEditingController();
+
+    bool validatePinCode() {
+      if (confirmPinCodeController.text.length != 6) {
+        return false;
+      }
+
+      if (newPinCodeController.text != confirmPinCodeController.text) {
+        return false;
+      }
+
+      return true;
+    }
+
+    createNewPinCode() async {
+      final isValid = validatePinCode();
+      if (!isValid) {
+        hasError.value = true;
+        return;
+      }
+
+      try {
+        await ref.read(authProvider.notifier).setupPinCode(
+              newPinCodeController.text,
+            );
+
+        onDone();
+      } catch (error) {
+        hasError.value = true;
+        context.showSnackBar(
+          SnackBar(content: Text(error.toString())),
+        );
+      }
+    }
+
+    return Form(
+      child: Column(
+        children: [
+          Icon(
+            Icons.pin_outlined,
+            size: 64,
+            color: context.primaryColor,
+          ),
+          const SizedBox(height: 32),
+          SizedBox(
+            width: context.width * 0.7,
+            child: Text(
+              'setup_pin_code'.tr(),
+              style: context.textTheme.labelLarge!.copyWith(
+                fontSize: 24,
+              ),
+              textAlign: TextAlign.center,
+            ),
+          ),
+          SizedBox(
+            width: context.width * 0.8,
+            child: Text(
+              'new_pin_code_subtitle'.tr(),
+              style: context.textTheme.bodyLarge!.copyWith(
+                fontSize: 16,
+              ),
+              textAlign: TextAlign.center,
+            ),
+          ),
+          const SizedBox(height: 32),
+          PinInput(
+            controller: newPinCodeController,
+            label: 'new_pin_code'.tr(),
+            length: 6,
+            autoFocus: true,
+            hasError: hasError.value,
+            onChanged: (input) {
+              if (input.length < 6) {
+                hasError.value = false;
+              }
+            },
+          ),
+          const SizedBox(height: 32),
+          PinInput(
+            controller: confirmPinCodeController,
+            label: 'confirm_new_pin_code'.tr(),
+            length: 6,
+            hasError: hasError.value,
+            onChanged: (input) {
+              if (input.length < 6) {
+                hasError.value = false;
+              }
+            },
+          ),
+          const SizedBox(height: 48),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 24.0),
+            child: Row(
+              children: [
+                Expanded(
+                  child: ElevatedButton(
+                    onPressed: createNewPinCode,
+                    child: Text('create'.tr()),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}