fix(files): disable file sidebar routes while loading

Satellite-im · May 6, 2022 · f84d8e2 · f84d8e2
1 parent 0301660
commit f84d8e2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/components/views/files/aside/List/List.html b/components/views/files/aside/List/List.html
@@ -1,8 +1,8 @@
 <ul class="menu-list">
   <li
     v-for="item in items"
-    :class="{'is-active' : isActiveRoute(item.route)}"
-    @click="setActive(item.route)"
+    :class="[{'is-active' : isActiveRoute(item.route)}, {'disabled' : isFilesIndexLoading}]"
+    @click="!isFilesIndexLoading &&  setActive(item.route)"
   >
     <component v-if="item.icon" :is="icons[item.icon]" size="1x" />
     {{item.text}}

diff --git a/components/views/files/aside/List/List.vue b/components/views/files/aside/List/List.vue
@@ -2,6 +2,7 @@
 
 <script lang="ts">
 import Vue, { PropType } from 'vue'
+import { mapGetters } from 'vuex'
 import {
   ClockIcon,
   TrashIcon,
@@ -27,6 +28,7 @@ export default Vue.extend({
     },
   },
   computed: {
+    ...mapGetters('ui', ['isFilesIndexLoading']),
     icons() {
       return {
         [FileIconsEnum.CLOCK]: ClockIcon,