From 696c9bd2dd8de54b6e21d18f4cf44e67e8d6d1ef Mon Sep 17 00:00:00 2001
From: ArthurMousatov <arthurmousatov@gmail.com>
Date: Wed, 23 Aug 2023 15:54:24 -0400
Subject: [PATCH] feat: Added some styling + removed unused parts of prompt
 code (#2659)

---
 frontend/src/components/prompts/Move.vue   |  3 +--
 frontend/src/components/prompts/NewDir.vue |  1 -
 frontend/src/store/mutations.js            | 23 +++++++---------------
 frontend/src/views/files/Listing.vue       |  5 ++---
 4 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/prompts/Move.vue b/frontend/src/components/prompts/Move.vue
index d5cb18de..fb28e7bd 100644
--- a/frontend/src/components/prompts/Move.vue
+++ b/frontend/src/components/prompts/Move.vue
@@ -16,8 +16,7 @@
           :aria-label="$t('sidebar.newFolder')"
           :title="$t('sidebar.newFolder')"
         >
-          <i class="material-icons">create_new_folder</i>
-          <span>{{ $t("sidebar.newFolder") }}</span>
+          <span style="vertical-align: bottom;">{{ $t("sidebar.newFolder") }}</span>
         </button>
       </template>
       <button
diff --git a/frontend/src/components/prompts/NewDir.vue b/frontend/src/components/prompts/NewDir.vue
index 71927f18..1d56463f 100644
--- a/frontend/src/components/prompts/NewDir.vue
+++ b/frontend/src/components/prompts/NewDir.vue
@@ -74,7 +74,6 @@ export default {
         if (this.redirect) {
           this.$router.push({ path: uri });
         }else{
-          console.log(uri);
           const res = await api.fetch(url.removeLastDir(uri) + "/");
           this.$store.commit("updateRequest", res);
         }
diff --git a/frontend/src/store/mutations.js b/frontend/src/store/mutations.js
index 562494c6..c0d66561 100644
--- a/frontend/src/store/mutations.js
+++ b/frontend/src/store/mutations.js
@@ -3,41 +3,33 @@ import moment from "moment";
 
 const mutations = {
   closeHovers: (state) => {
-    state.show = null;
     state.prompts.pop();
-    console.log(state.prompts);
-    state.showConfirm = null;
-    state.showAction = null;
   },
   toggleShell: (state) => {
     state.showShell = !state.showShell;
   },
   showHover: (state, value) => {
-    console.log(value);
     if (typeof value !== "object") {
-      state.show = value;
       state.prompts.push({
         prompt: value,
         confirm: null,
         action: null,
-        props: {},
+        props: null,
       });
       return;
     }
 
-    state.show = value.prompt;
-    state.prompts.push(value);
-    state.showConfirm = value.confirm;
-    if (value.action !== undefined) {
-      state.showAction = value.action;
-    }
+    state.prompts.push({
+      prompt: value.prompt, // Should not be null
+      confirm: value?.confirm,
+      action: value?.action,
+      props: value?.props
+    })
   },
   showError: (state) => {
-    state.show = "error";
     state.prompts.push("error");
   },
   showSuccess: (state) => {
-    state.show = "success";
     state.prompts.push("success");
   },
   setLoading: (state, value) => {
@@ -88,7 +80,6 @@ const mutations = {
   updateRequest: (state, value) => {
     state.oldReq = state.req;
     state.req = value;
-    console.log(state.req)
   },
   updateClipboard: (state, value) => {
     state.clipboard.key = value.key;
diff --git a/frontend/src/views/files/Listing.vue b/frontend/src/views/files/Listing.vue
index 112f1147..22f6e85e 100644
--- a/frontend/src/views/files/Listing.vue
+++ b/frontend/src/views/files/Listing.vue
@@ -301,12 +301,11 @@ export default {
       "req",
       "selected",
       "user",
-      "show",
       "multiple",
       "selected",
       "loading",
     ]),
-    ...mapGetters(["selectedCount"]),
+    ...mapGetters(["selectedCount", "currentPrompt"]),
     nameSorted() {
       return this.req.sorting.by === "name";
     },
@@ -443,7 +442,7 @@ export default {
     },
     keyEvent(event) {
       // No prompts are shown
-      if (this.show !== null) {
+      if (this.currentPrompt !== null) {
         return;
       }