Deliver localized auth app with verification and go_router

Integrate themed login/signup, EN/RU localization, shared dummy providers, verification recovery screens and named URL routes. Store frontend guidelines, workflow skills, validation and delivery documentation. Related to #2, #3, #5 and #6.
2026-09-11 15:37:07 +02:00
1 parent 27424ed886
commit 10a278c65a
@@ -0,0 +1,88 @@
+import 'package:flutter/material.dart';
+
+import 'package:sxchnge_theme/sxchnge_theme.dart';
+
+import '../widgets/locale.dart';
+
+import 'brand_panel.dart';
+import 'form.dart';
+
+class AuthPage extends StatefulWidget {
+  const AuthPage({super.key});
+
+  @override
+  State<AuthPage> createState() => _AuthPageState();
+}
+
+class _AuthPageState extends State<AuthPage> {
+  // Preserve the form when moving between the desktop and mobile layouts.
+  final _formKey = GlobalKey();
+
+  @override
+  Widget build(BuildContext context) => Scaffold(
+    body: SafeArea(
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          final wide = constraints.maxWidth >= 1000;
+          final form = SingleChildScrollView(
+            child: ConstrainedBox(
+              constraints: BoxConstraints(minHeight: constraints.maxHeight),
+              child: Center(
+                child: Padding(
+                  padding: EdgeInsets.symmetric(
+                    horizontal: wide ? 56 : 24,
+                    vertical: wide ? 48 : 24,
+                  ),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    children: [
+                      const Align(
+                        alignment: Alignment.centerRight,
+                        child: LocaleSelector(),
+                      ),
+                      const SizedBox(height: 16),
+                      if (!wide) ...[
+                        const Align(
+                          alignment: Alignment.centerLeft,
+                          child: BrandWordmark(),
+                        ),
+                        const SizedBox(height: 48),
+                      ],
+                      Center(
+                        child: ConstrainedBox(
+                          constraints: const BoxConstraints(maxWidth: 440),
+                          child: AuthForm(key: _formKey),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          );
+          if (!wide) return form;
+          return Row(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Expanded(
+                flex: 47,
+                child: Theme(
+                  data: SxchngeTheme.dark(),
+                  child: SingleChildScrollView(
+                    child: ConstrainedBox(
+                      constraints: BoxConstraints(
+                        minHeight: constraints.maxHeight,
+                      ),
+                      child: const BrandPanel(),
+                    ),
+                  ),
+                ),
+              ),
+              Expanded(flex: 53, child: form),
+            ],
+          );
+        },
+      ),
+    ),
+  );
+}