chore: remove prompts events

frontend/src/views/files/Preview.vue

@@ -7,7 +7,7 @@
 
       <template #actions>
         <action :disabled="loading" icon="mode_edit" :label="$t('buttons.rename')" show="rename" />
-        <action :disabled="loading" icon="delete" :label="$t('buttons.delete')" show="delete" />
+        <action :disabled="loading" icon="delete" :label="$t('buttons.delete')" @action="deleteFile" id="delete-button" />
         <action :disabled="loading" icon="file_download" :label="$t('buttons.download')" @action="download" />
         <action :disabled="loading" icon="info" :label="$t('buttons.info')" show="info" />
       </template>
@@ -126,24 +126,27 @@ export default {
   async mounted () {
     window.addEventListener('keydown', this.key)
     this.listing = this.oldReq.items
-    this.$root.$on('preview-deleted', this.deleted)
     this.updatePreview()
   },
   beforeDestroy () {
     window.removeEventListener('keydown', this.key)
-    this.$root.$off('preview-deleted', this.deleted)
   },
   methods: {
-    deleted () {
-      this.listing = this.listing.filter(item => item.name !== this.name)
+    deleteFile () {
+      this.$store.commit('showHover', {
+        prompt: 'delete',
+        confirm: () => {
+          this.listing = this.listing.filter(item => item.name !== this.name)
 
-      if (this.hasNext) {
-        this.next()
-      } else if (!this.hasPrevious && !this.hasNext) {
-        this.close()
-      } else {
-        this.prev()
-      }
+          if (this.hasNext) {
+            this.next()
+          } else if (!this.hasPrevious && !this.hasNext) {
+            this.close()
+          } else {
+            this.prev()
+          }
+        }
+      })
     },
     prev () {
       this.hoverNav = false