From f84d8e2a1114b5bab77f5aaaf6a971bf7c648ff2 Mon Sep 17 00:00:00 2001
From: Joe McGrath <josephmcg01@gmail.com>
Date: Fri, 6 May 2022 14:34:55 +0900
Subject: [PATCH] fix(files): disable file sidebar routes while loading

---
 components/views/files/aside/List/List.html | 4 ++--
 components/views/files/aside/List/List.vue  | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/views/files/aside/List/List.html b/components/views/files/aside/List/List.html
index d033269acd..9551eeba15 100644
--- 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
index b5b22825f7..78653d6795 100644
--- 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,