Update copy on delete page

now-u · Aug 24, 2024 · 24b5dfa · 24b5dfa
1 parent 21adce6
commit 24b5dfa
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/lib/ui/views/delete_account/delete_account_bloc.dart b/lib/ui/views/delete_account/delete_account_bloc.dart
@@ -6,6 +6,8 @@ import 'package:nowu/ui/views/delete_account/delete_account_state.dart';
 import '../../../services/auth.dart';
 import '../../../services/user_service.dart';
 
+const String deleteUserConfirmationText = "delete me";
+
 class DeleteAccountBloc extends Cubit<DeleteAccountState> {
   AuthenticationService _authenticationService;
   StackRouter _appRouter;
@@ -24,7 +26,7 @@ class DeleteAccountBloc extends Cubit<DeleteAccountState> {
     emit(
       state.copyWith(
         name: name,
-        isNameValid: name == _userService.currentUser?.name,
+        isNameValid: name == deleteUserConfirmationText,
       ),
     );
   }

diff --git a/lib/ui/views/delete_account/delete_account_view.dart b/lib/ui/views/delete_account/delete_account_view.dart
@@ -32,19 +32,35 @@ class DeleteAccountView extends StatelessWidget {
               child: Column(
                 mainAxisAlignment: MainAxisAlignment.center,
                 children: <Widget>[
+                  RichText(
+                    textAlign: TextAlign.center,
+                    text: TextSpan(
+                      style: Theme.of(context).textTheme.titleMedium,
+                      children: [
+                        const TextSpan(
+                          text: 'Are you sure you want to delete your account? ',
+                        ),
+                        const TextSpan(
+                          text: 'This action cannot be undone.',
+                          style: TextStyle(fontWeight: FontWeight.w700),
+                        ),
+                      ],
+                    ),
+                  ),
+                  const SizedBox(height: 8),
                   Text(
-                    'Are you sure you want to delete your account? This action cannot be undone.',
+                    'To confirm, please type "$deleteUserConfirmationText" below.',
                     style: Theme.of(context).textTheme.titleMedium,
                     textAlign: TextAlign.center,
                   ),
-                  const Padding(padding: EdgeInsets.all(8)),
+                  const SizedBox(height: 8),
                   TextField(
                     onChanged: bloc.updateInputName,
                     decoration: const InputDecoration(
-                      hintText: 'Type account name to confirm',
+                      hintText: deleteUserConfirmationText,
                     ),
                   ),
-                  const Padding(padding: EdgeInsets.all(8)),
+                  const SizedBox(height: 8),
                   DeleteAccountButton(),
                 ],
               ),