Moved the AccountName widgets to pull providers from context

frontend/pweb/lib/pages/settings/profile/account/name/actions.dart

@@ -1,18 +1,16 @@
 import 'package:flutter/material.dart';
 
+import 'package:provider/provider.dart';
+
 import 'package:pweb/providers/account_name.dart';
 
 
 class AccountNameActions extends StatelessWidget {
-  const AccountNameActions({
+  const AccountNameActions({super.key});
-    super.key,
-    required this.state,
-  });
-
-  final AccountNameState state;
 
   @override
   Widget build(BuildContext context) {
+    final state = context.watch<AccountNameState>();
     final theme = Theme.of(context);
 
     if (state.isEditing) {

frontend/pweb/lib/pages/settings/profile/account/name/name.dart

@@ -54,40 +54,37 @@ class _AccountNameBody extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final state = context.watch<AccountNameState>();
+    final provider = context.watch<AccountProvider>();
     final theme = Theme.of(context);
 
-    return Consumer2<AccountNameState, AccountProvider>(
+    final currentName = provider.account?.name ?? state.initialName;
-      builder: (context, state, provider, _) {
+    state.syncName(currentName);
-        final currentName = provider.account?.name ?? state.initialName;
-        state.syncName(currentName);
 
-        return Column(
+    return Column(
-          mainAxisSize: MainAxisSize.min,
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            Row(
+            AccountNameText(
-              mainAxisAlignment: MainAxisAlignment.center,
+              hintText: hintText,
-              children: [
+              inputWidth: _AccountNameConstants.inputWidth,
-                AccountNameText(
+              borderWidth: _AccountNameConstants.borderWidth,
-                  state: state,
-                  hintText: hintText,
-                  inputWidth: _AccountNameConstants.inputWidth,
-                  borderWidth: _AccountNameConstants.borderWidth,
-                ),
-                const SizedBox(width: _AccountNameConstants.spacing),
-                AccountNameActions(state: state),
-              ],
             ),
-            const SizedBox(height: _AccountNameConstants.errorSpacing),
+            const SizedBox(width: _AccountNameConstants.spacing),
-            if (state.errorText.isNotEmpty)
+            const AccountNameActions(),
-              Text(
-                state.errorText,
-                style: theme.textTheme.bodySmall?.copyWith(
-                  color: theme.colorScheme.error,
-                ),
-              ),
           ],
-        );
+        ),
-      },
+        const SizedBox(height: _AccountNameConstants.errorSpacing),
+        if (state.errorText.isNotEmpty)
+          Text(
+            state.errorText,
+            style: theme.textTheme.bodySmall?.copyWith(
+              color: theme.colorScheme.error,
+            ),
+          ),
+      ],
     );
   }
 }

frontend/pweb/lib/pages/settings/profile/account/name/text.dart

@@ -1,24 +1,25 @@
 import 'package:flutter/material.dart';
 
+import 'package:provider/provider.dart';
+
 import 'package:pweb/providers/account_name.dart';
 
 
 class AccountNameText extends StatelessWidget {
   const AccountNameText({
     super.key,
-    required this.state,
     required this.hintText,
     required this.inputWidth,
     required this.borderWidth,
   });
 
-  final AccountNameState state;
   final String hintText;
   final double inputWidth;
   final double borderWidth;
 
   @override
   Widget build(BuildContext context) {
+    final state = context.watch<AccountNameState>();
     final theme = Theme.of(context);
 
     if (state.isEditing) {