♻️ Dangerous confirm dialog variant

lib/screens/account/me/account_settings.dart

@@ -62,6 +62,7 @@ class AccountSettingsScreen extends HookConsumerWidget {
       final confirm = await showConfirmAlert(
         'accountDeletionHint'.tr(),
         'accountDeletion'.tr(),
+        isDanger: true,
       );
       if (!confirm || !context.mounted) return;
       try {

lib/screens/account/me/settings_auth_factors.dart

@@ -26,6 +26,7 @@ class AuthFactorSheet extends HookConsumerWidget {
       final confirm = await showConfirmAlert(
         'authFactorDeleteHint'.tr(),
         'authFactorDelete'.tr(),
+        isDanger: true,
       );
       if (!confirm || !context.mounted) return;
       try {

lib/screens/account/me/settings_connections.dart

@@ -82,6 +82,7 @@ class AccountConnectionSheet extends HookConsumerWidget {
       final confirm = await showConfirmAlert(
         'accountConnectionDeleteHint'.tr(),
         'accountConnectionDelete'.tr(),
+        isDanger: true,
       );
       if (!confirm || !context.mounted) return;
       try {
@@ -332,6 +333,7 @@ class AccountConnectionsSheet extends HookConsumerWidget {
                               final confirm = await showConfirmAlert(
                                 'accountConnectionDeleteHint'.tr(),
                                 'accountConnectionDelete'.tr(),
+                                isDanger: true,
                               );
                               if (confirm && context.mounted) {
                                 try {

lib/screens/account/me/settings_contacts.dart

@@ -20,6 +20,7 @@ class ContactMethodSheet extends HookConsumerWidget {
       final confirm = await showConfirmAlert(
         'contactMethodDeleteHint'.tr(),
         'contactMethodDelete'.tr(),
+        isDanger: true,
       );
       if (!confirm || !context.mounted) return;
       try {

lib/screens/chat/room_detail.dart

@@ -487,6 +487,7 @@ class _ChatRoomActionMenu extends HookConsumerWidget {
                   showConfirmAlert(
                     'deleteChatRoomHint'.tr(),
                     'deleteChatRoom'.tr(),
+                    isDanger: true,
                   ).then((confirm) async {
                     if (confirm) {
                       final client = ref.watch(apiClientProvider);

lib/screens/creators/hub.dart

@@ -304,16 +304,18 @@ class CreatorHubScreen extends HookConsumerWidget {
     }
 
     void deletePublisher() {
-      showConfirmAlert('deletePublisherHint'.tr(), 'deletePublisher'.tr()).then(
+      showConfirmAlert(
-        (confirm) {
+        'deletePublisherHint'.tr(),
-          if (confirm) {
+        'deletePublisher'.tr(),
-            final client = ref.watch(apiClientProvider);
+        isDanger: true,
-            client.delete('/sphere/publishers/${currentPublisher.value!.name}');
+      ).then((confirm) {
-            ref.invalidate(publishersManagedProvider);
+        if (confirm) {
-            currentPublisher.value = null;
+          final client = ref.watch(apiClientProvider);
-          }
+          client.delete('/sphere/publishers/${currentPublisher.value!.name}');
-        },
+          ref.invalidate(publishersManagedProvider);
-      );
+          currentPublisher.value = null;
+        }
+      });
     }
 
     final List<DropdownMenuItem<SnPublisher>> publishersMenu = publishers.when(

lib/screens/creators/sites/site_edit.dart

@@ -190,6 +190,7 @@ class SiteForm extends HookConsumerWidget {
       final confirmed = await showConfirmAlert(
         'publicationSiteDeleteConfirm'.tr(),
         'deletePublicationSite'.tr(),
+        isDanger: true,
       );
       if (confirmed != true) return;
 

lib/screens/creators/stickers/pack_detail.dart

@@ -288,6 +288,7 @@ class StickerPackActionMenu extends HookConsumerWidget {
                 showConfirmAlert(
                   'deleteStickerPackHint'.tr(),
                   'deleteStickerPack'.tr(),
+                  isDanger: true,
                 ).then((confirm) {
                   if (confirm) {
                     final client = ref.watch(apiClientProvider);

lib/screens/creators/webfeed/webfeed_edit.dart

@@ -70,6 +70,7 @@ class WebfeedForm extends HookConsumerWidget {
       final confirmed = await showConfirmAlert(
         'Are you sure you want to delete this web feed? This action cannot be undone.',
         'Delete Web Feed',
+        isDanger: true,
       );
       if (confirmed != true) return;
 

lib/screens/developers/app_secrets.dart

@@ -211,6 +211,7 @@ class AppSecretsScreen extends HookConsumerWidget {
                               showConfirmAlert(
                                 'deleteSecretHint'.tr(),
                                 'deleteSecret'.tr(),
+                                isDanger: true,
                               ).then((confirm) {
                                 if (confirm) {
                                   final client = ref.read(apiClientProvider);

lib/screens/developers/apps.dart

@@ -231,6 +231,7 @@ class CustomAppsScreen extends HookConsumerWidget {
                                     showConfirmAlert(
                                       'deleteCustomAppHint'.tr(),
                                       'deleteCustomApp'.tr(),
+                                      isDanger: true,
                                     ).then((confirm) {
                                       if (confirm) {
                                         final client = ref.read(

lib/screens/developers/bot_keys.dart

@@ -159,9 +159,11 @@ class BotKeysScreen extends HookConsumerWidget {
     }
 
     void revokeKey(String keyId) {
-      showConfirmAlert('revokeBotKeyHint'.tr(), 'revokeBotKey'.tr()).then((
+      showConfirmAlert(
-        confirm,
+        'revokeBotKeyHint'.tr(),
-      ) {
+        'revokeBotKey'.tr(),
+        isDanger: true,
+      ).then((confirm) {
         if (confirm) {
           final client = ref.read(apiClientProvider);
           client

lib/screens/developers/bots.dart

@@ -172,6 +172,7 @@ class BotsScreen extends HookConsumerWidget {
                               showConfirmAlert(
                                 'deleteBotHint'.tr(),
                                 'deleteBot'.tr(),
+                                isDanger: true,
                               ).then((confirm) {
                                 if (confirm) {
                                   final client = ref.read(apiClientProvider);

lib/screens/developers/hub.dart

@@ -631,6 +631,7 @@ class _ProjectListTile extends HookConsumerWidget {
             showConfirmAlert(
               'deleteProjectHint'.tr(),
               'deleteProject'.tr(),
+              isDanger: true,
             ).then((confirm) {
               if (confirm) {
                 final client = ref.read(apiClientProvider);

lib/screens/posts/post_detail.dart

@@ -145,9 +145,11 @@ class PostActionButtons extends HookConsumerWidget {
           message: 'delete'.tr(),
           child: FilledButton.tonal(
             onPressed: () {
-              showConfirmAlert('deletePostHint'.tr(), 'deletePost'.tr()).then((
+              showConfirmAlert(
-                confirm,
+                'deletePostHint'.tr(),
-              ) {
+                'deletePost'.tr(),
+                isDanger: true,
+              ).then((confirm) {
                 if (confirm) {
                   final client = ref.watch(apiClientProvider);
                   client

lib/screens/realm/realm_detail.dart

@@ -427,6 +427,7 @@ class _RealmActionMenu extends HookConsumerWidget {
                               showConfirmAlert(
                                 'deleteRealmHint'.tr(),
                                 'deleteRealm'.tr(),
+                                isDanger: true,
                               ).then((confirm) {
                                 if (confirm) {
                                   final client = ref.watch(apiClientProvider);

lib/widgets/account/account_devices.dart

@@ -150,6 +150,7 @@ class AccountSessionSheet extends HookConsumerWidget {
       final confirm = await showConfirmAlert(
         'authDeviceLogoutHint'.tr(),
         'authDeviceLogout'.tr(),
+        isDanger: true,
       );
       if (!confirm || !context.mounted) return;
       try {
@@ -276,6 +277,7 @@ class AccountSessionSheet extends HookConsumerWidget {
                                 final confirm = await showConfirmAlert(
                                   'authDeviceLogoutHint'.tr(),
                                   'authDeviceLogout'.tr(),
+                                  isDanger: true,
                                 );
                                 if (confirm && context.mounted) {
                                   try {

lib/widgets/alert.dart

@@ -6,6 +6,7 @@ import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
 import 'package:island/main.dart';
 import 'package:island/talker.dart';
+import 'package:material_symbols_icons/symbols.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:top_snackbar_flutter/top_snack_bar.dart';
 
@@ -220,7 +221,7 @@ Future<T?> showOverlayDialog<T>({
 
 const kDialogMaxWidth = 480.0;
 
-void showErrorAlert(dynamic err) {
+void showErrorAlert(dynamic err, {IconData? icon}) {
   if (err is Error) {
     talker.error('Something went wrong...', err, err.stackTrace);
   }
@@ -236,8 +237,27 @@ void showErrorAlert(dynamic err) {
         (context, close) => ConstrainedBox(
           constraints: const BoxConstraints(maxWidth: kDialogMaxWidth),
           child: AlertDialog(
-            title: Text('somethingWentWrong'.tr()),
+            title: null,
-            content: Text(text),
+            titlePadding: EdgeInsets.zero,
+            contentPadding: const EdgeInsets.fromLTRB(24, 24, 24, 0),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Icon(
+                  icon ?? Icons.error_outline_rounded,
+                  size: 48,
+                  color: Theme.of(context).colorScheme.error,
+                ),
+                const Gap(16),
+                Text(
+                  'somethingWentWrong'.tr(),
+                  style: Theme.of(context).textTheme.titleLarge,
+                ),
+                const Gap(8),
+                Text(text),
+              ],
+            ),
             actions: [
               TextButton(
                 onPressed: () => close(null),
@@ -249,14 +269,32 @@ void showErrorAlert(dynamic err) {
   );
 }
 
-void showInfoAlert(String message, String title) {
+void showInfoAlert(String message, String title, {IconData? icon}) {
   showOverlayDialog<void>(
     builder:
         (context, close) => ConstrainedBox(
           constraints: const BoxConstraints(maxWidth: kDialogMaxWidth),
           child: AlertDialog(
-            title: Text(title),
+            title: null,
-            content: Text(message),
+            titlePadding: EdgeInsets.zero,
+            contentPadding: const EdgeInsets.fromLTRB(24, 24, 24, 0),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Icon(
+                  icon ?? Symbols.info_rounded,
+                  fill: 1,
+                  size: 48,
+                  color: Theme.of(context).colorScheme.primary,
+                ),
+                const Gap(16),
+                Text(title, style: Theme.of(context).textTheme.titleLarge),
+                const Gap(8),
+                Text(message),
+                const Gap(8),
+              ],
+            ),
             actions: [
               TextButton(
                 onPressed: () => close(null),
@@ -268,14 +306,37 @@ void showInfoAlert(String message, String title) {
   );
 }
 
-Future<bool> showConfirmAlert(String message, String title) async {
+Future<bool> showConfirmAlert(
+  String message,
+  String title, {
+  IconData? icon,
+  bool isDanger = false,
+}) async {
   final result = await showOverlayDialog<bool>(
     builder:
         (context, close) => ConstrainedBox(
           constraints: const BoxConstraints(maxWidth: kDialogMaxWidth),
           child: AlertDialog(
-            title: Text(title),
+            title: null,
-            content: Text(message),
+            titlePadding: EdgeInsets.zero,
+            contentPadding: const EdgeInsets.fromLTRB(24, 24, 24, 0),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Icon(
+                  icon ?? Symbols.help_rounded,
+                  size: 48,
+                  fill: 1,
+                  color: Theme.of(context).colorScheme.primary,
+                ),
+                const Gap(16),
+                Text(title, style: Theme.of(context).textTheme.titleLarge),
+                const Gap(8),
+                Text(message),
+                const Gap(8),
+              ],
+            ),
             actions: [
               TextButton(
                 onPressed: () => close(false),
@@ -285,6 +346,12 @@ Future<bool> showConfirmAlert(String message, String title) async {
               ),
               TextButton(
                 onPressed: () => close(true),
+                style:
+                    isDanger
+                        ? TextButton.styleFrom(
+                          foregroundColor: Theme.of(context).colorScheme.error,
+                        )
+                        : null,
                 child: Text(MaterialLocalizations.of(context).okButtonLabel),
               ),
             ],

lib/widgets/chat/message_item.dart

@@ -596,6 +596,7 @@ class MessageHoverActionMenu extends StatelessWidget {
     final confirmed = await showConfirmAlert(
       'deleteMessageConfirmation'.tr(),
       'deleteMessage'.tr(),
+      isDanger: true,
     );
 
     if (confirmed) {

lib/widgets/file_list_view.dart

@@ -512,6 +512,7 @@ class FileListView extends HookConsumerWidget {
                                   final confirmed = await showConfirmAlert(
                                     'Are you sure you want to delete the selected files?',
                                     'Delete Selected Files',
+                                    isDanger: true,
                                   );
                                   if (!confirmed) return;
                                   if (context.mounted) {
@@ -788,6 +789,7 @@ class FileListView extends HookConsumerWidget {
             final confirmed = await showConfirmAlert(
               'confirmDeleteFile'.tr(),
               'deleteFile'.tr(),
+              isDanger: true,
             );
             if (!confirmed) return;
 
@@ -1156,6 +1158,7 @@ class FileListView extends HookConsumerWidget {
           final confirmed = await showConfirmAlert(
             'confirmDeleteFile'.tr(),
             'deleteFile'.tr(),
+            isDanger: true,
           );
           if (!confirmed) return;
 
@@ -1224,6 +1227,7 @@ class FileListView extends HookConsumerWidget {
           final confirmed = await showConfirmAlert(
             'confirmDeleteFile'.tr(),
             'deleteFile'.tr(),
+            isDanger: true,
           );
           if (!confirmed) return;
 
@@ -1266,6 +1270,7 @@ class FileListView extends HookConsumerWidget {
             final confirmed = await showConfirmAlert(
               'confirmDeleteFile'.tr(),
               'deleteFile'.tr(),
+              isDanger: true,
             );
             if (!confirmed) return;
 

lib/widgets/post/draft_manager.dart

@@ -122,6 +122,7 @@ class DraftManagerSheet extends HookConsumerWidget {
                         final confirmed = await showConfirmAlert(
                           'clearAllDraftsConfirm'.tr(),
                           'clearAllDrafts'.tr(),
+                          isDanger: true,
                         );
 
                         if (confirmed == true) {

lib/widgets/post/post_item.dart

@@ -197,6 +197,7 @@ class PostActionableItem extends HookConsumerWidget {
                   showConfirmAlert(
                     'deletePostHint'.tr(),
                     'deletePost'.tr(),
+                    isDanger: true,
                   ).then((confirm) {
                     if (confirm) {
                       final client = ref.watch(apiClientProvider);

lib/widgets/post/post_item_creator.dart

@@ -69,22 +69,24 @@ class PostItemCreator extends HookConsumerWidget {
               title: 'delete'.tr(),
               image: MenuImage.icon(Symbols.delete),
               callback: () {
-                showConfirmAlert('deletePostHint'.tr(), 'deletePost'.tr()).then(
+                showConfirmAlert(
-                  (confirm) {
+                  'deletePostHint'.tr(),
-                    if (confirm) {
+                  'deletePost'.tr(),
-                      final client = ref.watch(apiClientProvider);
+                  isDanger: true,
-                      client
+                ).then((confirm) {
-                          .delete('/sphere/posts/${item.id}')
+                  if (confirm) {
-                          .catchError((err) {
+                    final client = ref.watch(apiClientProvider);
-                            showErrorAlert(err);
+                    client
-                            return err;
+                        .delete('/sphere/posts/${item.id}')
-                          })
+                        .catchError((err) {
-                          .then((_) {
+                          showErrorAlert(err);
-                            onRefresh?.call();
+                          return err;
-                          });
+                        })
-                    }
+                        .then((_) {
-                  },
+                          onRefresh?.call();
-                );
+                        });
+                  }
+                });
               },
             ),
             MenuSeparator(),

lib/widgets/sites/file_management_action_section.dart

@@ -72,26 +72,10 @@ class FileManagementActionSection extends HookConsumerWidget {
   }
 
   Future<void> _purgeFiles(BuildContext context, WidgetRef ref) async {
-    final confirmed = await showDialog<bool>(
+    final confirmed = await showConfirmAlert(
-      context: context,
+      'purgeFilesConfirm'.tr(),
-      builder:
+      'confirmPurge'.tr(),
-          (context) => AlertDialog(
+      isDanger: true,
-            title: Text('confirmPurge'.tr()),
-            content: Text('purgeFilesConfirm'.tr()),
-            actions: [
-              TextButton(
-                onPressed: () => Navigator.pop(context, false),
-                child: Text('cancel'.tr()),
-              ),
-              FilledButton(
-                onPressed: () => Navigator.pop(context, true),
-                style: FilledButton.styleFrom(
-                  backgroundColor: Theme.of(context).colorScheme.error,
-                ),
-                child: Text('purgeAllFiles'.tr()),
-              ),
-            ],
-          ),
     );
 
     if (confirmed != true) return;