v1 release

lib/presentation/widgets/auth/login_form.dart

@@ -0,0 +1,107 @@
+import "package:auto_route/auto_route.dart";
+import "package:dio/dio.dart";
+import "package:flutter/material.dart";
+import "package:flutter_riverpod/flutter_riverpod.dart";
+
+import "package:flash_mail/data/providers/providers.dart";
+import "package:flash_mail/presentation/widgets/auth/input_field.dart";
+import "package:flash_mail/presentation/widgets/primary_button.dart";
+import "package:flash_mail/presentation/widgets/small_loading_spinner.dart";
+import "package:flash_mail/shared/utils/regex_patterns.dart";
+
+class LoginForm extends ConsumerWidget {
+  final GlobalKey<FormState> _formKey = GlobalKey();
+
+  LoginForm({super.key});
+
+  String? _validateEmail(String? value) {
+    if (value!.isEmpty || !emailRegex.hasMatch(value)) {
+      return "Invalid email address";
+    }
+    return null;
+  }
+
+  String? _validatePassword(String? value) {
+    if (value!.isEmpty || value.length < 8) {
+      return "Password too short";
+    }
+    return null;
+  }
+
+  void showErrorSnackBar(BuildContext ctx, String message) {
+    ScaffoldMessenger.of(ctx).showSnackBar(
+      SnackBar(
+        content: Text(message),
+        behavior: SnackBarBehavior.floating,
+      ),
+    );
+  }
+
+  void _handleSubmit(BuildContext context, WidgetRef ref) async {
+    if (!_formKey.currentState!.validate()) {
+      return;
+    }
+    FocusScope.of(context).unfocus();
+    _formKey.currentState!.save();
+
+    try {
+      String? email = ref.read(emailProvider.notifier).state;
+      String? password = ref.read(passwordProvider.notifier).state;
+
+      await ref.read(accountProvider.notifier).login(email, password);
+
+      if (context.mounted) {
+        AutoRouter.of(context).replaceNamed("/inbox");
+      }
+    } on DioError catch (err) {
+      if (context.mounted) {
+        showErrorSnackBar(context, err.message);
+      }
+    } catch (_) {
+      if (context.mounted) {
+        showErrorSnackBar(context, "Something went wrong!");
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final account = ref.watch(accountProvider);
+
+    return Form(
+      key: _formKey,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: <Widget>[
+          InputField(
+            label: "Email Address",
+            placeholder: "Enter email",
+            inputType: TextInputType.emailAddress,
+            inputAction: TextInputAction.next,
+            validator: _validateEmail,
+            onSaved: (value) => ref.read(emailProvider.notifier).state = value,
+          ),
+          const SizedBox(height: 25),
+          InputField(
+            label: "Password",
+            placeholder: "Enter password",
+            obscureText: true,
+            inputAction: TextInputAction.done,
+            validator: _validatePassword,
+            onSaved: (value) =>
+                ref.read(passwordProvider.notifier).state = value,
+          ),
+          const SizedBox(height: 30),
+          Center(
+            child: PrimaryButton(
+              onPressed: () => _handleSubmit(context, ref),
+              child: account.isLoading
+                  ? const SmallLoadingSpinner()
+                  : const Text("Login"),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}