♻️ Dangerous confirm dialog variant

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()),
-            content: Text(text),
+            title: null,
+            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),
-            content: Text(message),
+            title: null,
+            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),
-            content: Text(message),
+            title: null,
+            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(
-                  (confirm) {
-                    if (confirm) {
-                      final client = ref.watch(apiClientProvider);
-                      client
-                          .delete('/sphere/posts/${item.id}')
-                          .catchError((err) {
-                            showErrorAlert(err);
-                            return err;
-                          })
-                          .then((_) {
-                            onRefresh?.call();
-                          });
-                    }
-                  },
-                );
+                showConfirmAlert(
+                  'deletePostHint'.tr(),
+                  'deletePost'.tr(),
+                  isDanger: true,
+                ).then((confirm) {
+                  if (confirm) {
+                    final client = ref.watch(apiClientProvider);
+                    client
+                        .delete('/sphere/posts/${item.id}')
+                        .catchError((err) {
+                          showErrorAlert(err);
+                          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>(
-      context: context,
-      builder:
-          (context) => AlertDialog(
-            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()),
-              ),
-            ],
-          ),
+    final confirmed = await showConfirmAlert(
+      'purgeFilesConfirm'.tr(),
+      'confirmPurge'.tr(),
+      isDanger: true,
     );
 
     if (confirmed != true) return;