From 53bfc0c95adde588db058e756a873cfc9840b570 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Tue, 30 Jul 2024 09:56:40 -0400
Subject: [PATCH] Block UI interaction when loading (#263)

---
 src/App.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index bd7c3d0e7..b4cefc69f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,15 @@
 <template>
   <ProgressSpinner v-if="isLoading" class="spinner"></ProgressSpinner>
+  <BlockUI full-screen :blocked="isLoading" />
   <GraphCanvas />
 </template>
 
 <script setup lang="ts">
 import { computed, markRaw, onMounted, watch } from 'vue'
+import BlockUI from 'primevue/blockui'
+import ProgressSpinner from 'primevue/progressspinner'
 import GraphCanvas from '@/components/graph/GraphCanvas.vue'
 import QueueSideBarTab from '@/components/sidebar/tabs/QueueSideBarTab.vue'
-import ProgressSpinner from 'primevue/progressspinner'
 import { app } from './scripts/app'
 import { useSettingStore } from './stores/settingStore'
 import { useI18n } from 'vue-i18n'