From 5b697d7810f8949d9185acc43609a0a1faecd04f Mon Sep 17 00:00:00 2001
From: gourav <gourav2711@gmail.com>
Date: Sun, 14 Jul 2024 17:40:36 +0530
Subject: [PATCH] Create/edit/import dialog gets destroyed on close

---
 frontend/src/App.vue | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 46946ae..539265f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -19,16 +19,31 @@ import ListSecrets from "./components/ListSecrets.vue";
       </div>
     </div>
 
-    <el-dialog v-model="creationDialog" title="Add a new TOTP secret" width="80vw">
+    <el-dialog
+      v-model="creationDialog"
+      title="Add a new TOTP secret"
+      destroy-on-close
+      width="80vw"
+    >
       <CreateSecret @close="secretSaved" />
     </el-dialog>
 
-    <el-dialog v-model="editDialog" title="Edit TOTP secret" width="80vw">
+    <el-dialog
+      v-model="editDialog"
+      title="Edit TOTP secret"
+      destroy-on-close
+      width="80vw"
+    >
       <CreateSecret :editSecret="editingSecret" @close="secretSaved" />
     </el-dialog>
 
-    <el-dialog v-model="importDialog" title="Import TOTP secrets" width="80vw">
-      <ImportSecrets />
+    <el-dialog
+      v-model="importDialog"
+      title="Import TOTP secrets"
+      destroy-on-close
+      width="80vw"
+    >
+      <ImportSecrets @close="secretsImported" />
     </el-dialog>
 
     <div class="container">
@@ -80,6 +95,11 @@ export default {
       this.listUpdated += 1;
     },
 
+    secretsImported() {
+      this.importDialog = false;
+      this.listUpdated += 1;
+    },
+
     async validateToken() {
       const url = `${this.apiBaseUrl}/validate-token`;
       const token = sessionStorage.getItem("token");