From a3f0d0f999b6ca3786cabf6e50d3bab10985ebf1 Mon Sep 17 00:00:00 2001
From: liushuyu <liushuyu011@gmail.com>
Date: Tue, 29 Mar 2022 23:20:37 -0600
Subject: [PATCH] ui: adjust repair warning prompt layout

---
 ui/src/locales/en.json      | 4 ++--
 ui/src/views/ModifyView.vue | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/src/locales/en.json b/ui/src/locales/en.json
index 774f182..d3236a4 100644
--- a/ui/src/locales/en.json
+++ b/ui/src/locales/en.json
@@ -23,7 +23,7 @@
       "location_placeholder":"Enter a install path here",
       "select":"Select",
       "overwriting": "Overwriting",
-      "overwriting_warning": "Directory {path} already exists.<br>Are you sure you want to <b>overwrite</b> the contents inside?",
+      "overwriting_warning": "Directory <code>{path}</code> already exists.<br>Are you sure you want to <b>overwrite</b> the contents inside?",
       "nothing_picked": "Nothing selected",
       "nothing_picked_warning": "Please select at least one package to install!",
       "options": "Install Options",
@@ -57,7 +57,7 @@
       "repair": "Repair",
       "uninstall":"Uninstall",
       "view_local_files": "View local files",
-      "prompt_repair": "<b>WARNING:</b> All the files under {path} will be <b>deleted</b> as part of the repair process! Do you wish to proceed?",
+      "prompt_repair": "<b>WARNING:</b> All the files under <code>{path}</code> will be <b>deleted</b> as part of the repair process!<br>Do you wish to proceed?",
       "prompt_recover": "Installer data for {name} is corrupted.<br>A repair is required to restore the installation.",
       "prompt":"Are you sure you want to uninstall {name}?",
       "prompt_confirm":"Uninstall {name}"
diff --git a/ui/src/views/ModifyView.vue b/ui/src/views/ModifyView.vue
index f394fc6..476574a 100644
--- a/ui/src/views/ModifyView.vue
+++ b/ui/src/views/ModifyView.vue
@@ -61,9 +61,10 @@ export default {
       this.$router.push('/packages')
     },
     repair_packages: function () {
-      this.$buefy.dialog.alert({
+      this.$buefy.dialog.confirm({
         title: this.$t('modify.repair'),
-        message: this.$t('modify.prompt_recover', { name: this.$root.$data.attrs.name }),
+        message: this.$t('modify.prompt_repair', { path: this.$root.$data.metadata.install_path }),
+        cancelText: this.$t('cancel'),
         confirmText: this.$t('continue'),
         type: 'is-danger',
         hasIcon: true,