feat(mobile): Adds show password field to login (#6918)

Adds show password field to login
immich-app · Feb 5, 2024 · f6b4024 · f6b4024
1 parent 8e4bf30
commit f6b4024
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/mobile/lib/modules/login/ui/login_form.dart b/mobile/lib/modules/login/ui/login_form.dart
@@ -515,7 +515,7 @@ class EmailInput extends StatelessWidget {
   }
 }
 
-class PasswordInput extends StatelessWidget {
+class PasswordInput extends HookConsumerWidget {
   final TextEditingController controller;
   final FocusNode? focusNode;
   final Function()? onSubmit;
@@ -528,9 +528,11 @@ class PasswordInput extends StatelessWidget {
   });
 
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
+    final isPasswordVisible = useState<bool>(false);
+
     return TextFormField(
-      obscureText: true,
+      obscureText: !isPasswordVisible.value,
       controller: controller,
       decoration: InputDecoration(
         labelText: 'login_form_label_password'.tr(),
@@ -540,6 +542,14 @@ class PasswordInput extends StatelessWidget {
           fontWeight: FontWeight.normal,
           fontSize: 14,
         ),
+        suffixIcon: IconButton(
+          onPressed: () => isPasswordVisible.value = !isPasswordVisible.value,
+          icon: Icon(
+            isPasswordVisible.value
+                ? Icons.visibility_off_sharp
+                : Icons.visibility_sharp,
+          ),
+        ),
       ),
       autofillHints: const [AutofillHints.password],
       keyboardType: TextInputType.text,