something

lib/pages/onboarding/user_login.dart

@@ -0,0 +1,94 @@
+import 'package:coast/coast.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:whispering_pages/api/api_provider.dart';
+import 'package:whispering_pages/api/authenticated_user_provider.dart'
+    show authenticatedUserProvider;
+import 'package:whispering_pages/settings/models/audiobookshelf_server.dart';
+import 'package:whispering_pages/settings/models/authenticated_user.dart';
+import 'package:whispering_pages/settings/api_settings_provider.dart';
+import 'package:whispering_pages/widgets/add_new_server.dart';
+import 'package:whispering_pages/widgets/user_login.dart';
+
+
+/// Once the user has selected a server, they can login to it.
+class FirstTimeUserLoginPage extends HookConsumerWidget {
+  const FirstTimeUserLoginPage({
+    super.key,
+    required this.serverUriController,
+    required this.heroServerTag,
+  });
+
+  final TextEditingController serverUriController;
+  final String heroServerTag;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final usernameController = useTextEditingController();
+    final passwordController = useTextEditingController();
+
+    final apiSettings = ref.watch(apiSettingsProvider);
+    final api = ref
+        .watch(audiobookshelfApiProvider(Uri.https(serverUriController.text)));
+
+    /// Login to the server and save the user
+    void loginAndSave() async {
+      final username = usernameController.text;
+      final password = passwordController.text;
+      final success = await api.login(username: username, password: password);
+      // debugPrint('Login success: $success');
+      if (success != null) {
+        var authenticatedUser = AuthenticatedUser(
+          server: AudiobookShelfServer(
+            serverUrl: Uri.parse(serverUriController.text),
+          ),
+          id: success.user.id,
+          password: password,
+          username: username,
+          authToken: api.token!,
+        );
+        // add the user to the list of users
+        ref.read(authenticatedUserProvider.notifier).addUser(authenticatedUser);
+
+        // set the active user
+        ref.read(apiSettingsProvider.notifier).updateState(
+              apiSettings.copyWith(
+                activeUser: authenticatedUser,
+              ),
+            );
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Login failed'),
+          ),
+        );
+        // give focus back to the username field
+      }
+    }
+
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Crab(
+            tag: heroServerTag,
+            child: AddNewServer(
+              controller: serverUriController,
+              onPressed: () {},
+              readOnly: true,
+            ),
+          ),
+          const SizedBox(height: 30),
+          const Text('Login to server'),
+          const SizedBox(height: 30),
+          UserLogin(
+            usernameController: usernameController,
+            passwordController: passwordController,
+            onPressed: loginAndSave,
+          ),
+        ],
+      ),
+    );
+  }
+}