replace ElMessageBox(alert, confirm) with alert dialog

src/components/dialogs/UserDialog/PreviousInstancesUserDialog.vue

@@ -30,11 +30,18 @@
 
 <script setup>
     import { computed, nextTick, ref, watch } from 'vue';
-    import { ElMessageBox } from 'element-plus';
     import { InputGroupField } from '@/components/ui/input-group';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
 
+    import {
+        useInstanceStore,
+        useLaunchStore,
+        useModalStore,
+        useSearchStore,
+        useUiStore,
+        useVrcxStore
+    } from '../../../stores';
     import {
         compareByCreatedAt,
         localeIncludes,
@@ -42,7 +49,6 @@
         removeFromArray,
         timeToText
     } from '../../../shared/utils';
-    import { useInstanceStore, useLaunchStore, useSearchStore, useUiStore, useVrcxStore } from '../../../stores';
     import { DataTableLayout } from '../../ui/data-table';
     import { createColumns } from './previousInstancesUserColumns.jsx';
     import { database } from '../../../service/database';
@@ -68,6 +74,8 @@
     });
 
     const emit = defineEmits(['update:previous-instances-user-dialog']);
+
+    const modalStore = useModalStore();
     const loading = ref(false);
     const rawRows = ref([]);
     const search = ref('');
@@ -189,13 +197,14 @@
     }
 
     function deleteGameLogUserInstancePrompt(row) {
-        ElMessageBox.confirm('Continue? Delete User From GameLog Instance', 'Confirm', {
-            confirmButtonText: 'Confirm',
-            cancelButtonText: 'Cancel',
-            type: 'info'
-        })
-            .then((action) => {
-                if (action === 'confirm') deleteGameLogUserInstance(row);
+        modalStore
+            .confirm({
+                description: 'Continue? Delete User From GameLog Instance',
+                title: 'Confirm'
+            })
+            .then(({ ok }) => {
+                if (!ok) return;
+                deleteGameLogUserInstance(row);
             })
             .catch(() => {});
     }

src/components/dialogs/UserDialog/UserDialog.vue

@@ -1318,7 +1318,6 @@
     import { Download, LogOut, RefreshCcw } from 'lucide-vue-next';
     import { Button } from '@/components/ui/button';
     import { Checkbox } from '@/components/ui/checkbox';
-    import { ElMessageBox } from 'element-plus';
     import { Spinner } from '@/components/ui/spinner';
     import { storeToRefs } from 'pinia';
     import { toast } from 'vue-sonner';
@@ -1358,6 +1357,7 @@
         useGroupStore,
         useInviteStore,
         useLocationStore,
+        useModalStore,
         useModerationStore,
         useUiStore,
         useUserStore,
@@ -1393,6 +1393,8 @@
 
     const { t } = useI18n();
 
+    const modalStore = useModalStore();
+
     const { hideUserNotes, hideUserMemos, isDarkMode } = storeToRefs(useAppearanceSettingsStore());
     const { bioLanguage, avatarRemoteDatabase, translationApi, translationApiType } =
         storeToRefs(useAdvancedSettingsStore());
@@ -1894,19 +1896,17 @@
                 ? command
                 : t(`${i18nPreFix}${formattedCommand}`);
 
-            ElMessageBox.confirm(
-                t('confirm.message', {
-                    command: displayCommandText
-                }),
-                t('confirm.title'),
-                {
-                    confirmButtonText: t('confirm.confirm_button'),
-                    cancelButtonText: t('confirm.cancel_button'),
-                    type: 'info'
-                }
-            )
-                .then((action) => {
-                    if (action === 'confirm') {
+            modalStore
+                .confirm({
+                    description: t('confirm.message', {
+                        command: displayCommandText
+                    }),
+                    title: t('confirm.title'),
+                    confirmText: t('confirm.confirm_button'),
+                    cancelText: t('confirm.cancel_button')
+                })
+                .then(({ ok }) => {
+                    if (ok) {
                         performUserDialogCommand(command, D.id);
                     }
                 })
@@ -2422,22 +2422,21 @@
     }
 
     function resetHome() {
-        ElMessageBox.confirm('Continue? Reset Home', 'Confirm', {
-            confirmButtonText: 'Confirm',
-            cancelButtonText: 'Cancel',
-            type: 'info'
-        })
-            .then((action) => {
-                if (action === 'confirm') {
-                    userRequest
-                        .saveCurrentUser({
-                            homeLocation: ''
-                        })
-                        .then((args) => {
-                            toast.success('Home world has been reset');
-                            return args;
-                        });
-                }
+        modalStore
+            .confirm({
+                description: 'Continue? Reset Home',
+                title: 'Confirm'
+            })
+            .then(({ ok }) => {
+                if (!ok) return;
+                userRequest
+                    .saveCurrentUser({
+                        homeLocation: ''
+                    })
+                    .then((args) => {
+                        toast.success('Home world has been reset');
+                        return args;
+                    });
             })
             .catch(() => {});
     }