Start writing the web app

Signed-off-by: Nikolai Rodionov <allanger@posteo.com>
2026-05-19 13:37:41 +02:00
parent 0c5b657a2f
commit 09df205fdb
76 changed files with 1961 additions and 117 deletions
--- a/lib/features/authorization/presentation/authorization_page.dart
+++ b/lib/features/authorization/presentation/authorization_page.dart
@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:softplayer_web/features/authorization/application/authorization_application.dart';
+import 'package:softplayer_web/features/authorization/presentation/decoration.dart';
+import 'package:softplayer_web/features/authorization/presentation/login_form.dart';
+import 'package:softplayer_web/features/authorization/presentation/register_form.dart';
+
+class AuthorizationPage extends ConsumerStatefulWidget {
+  const AuthorizationPage({super.key});
+
+  @override
+  ConsumerState<AuthorizationPage> createState() => _AuthorizationPage();
+}
+
+class _AuthorizationPage extends ConsumerState<AuthorizationPage> {
+  @override
+  Widget build(BuildContext context) {
+    final state = ref.watch(authorizationControllerProvider);
+
+    return state.when(
+      data: (value) {
+        return LayoutBuilder(
+          builder: (context, constraints) {
+            final showDecoration = constraints.maxWidth > 1000;
+
+            return Scaffold(
+              body: Row(
+                children: [
+                  Expanded(
+                    flex: showDecoration ? 7 : 1,
+                    child: Center(
+                      child: Column(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          if (value.mode == AuthMode.login)
+                            LoginForm()
+                          else
+                            RegisterForm(),
+                        ],
+                      ),
+                    ),
+                  ),
+
+                  // ✅ only show decoration if width > 400
+                  if (showDecoration)
+                    Expanded(flex: 3, child: AuthDecoration()),
+                ],
+              ),
+            );
+          },
+        );
+      },
+      loading: () => const Center(child: CircularProgressIndicator()),
+      error: (e, _) => Center(child: Text('$e')),
+    );
+  }
+}