From 9263028c56ab4f47fa979f7380c8e2dcf1a8fbe0 Mon Sep 17 00:00:00 2001
From: benonymity <benonymity@gmail.com>
Date: Sat, 23 Apr 2022 00:56:46 -0400
Subject: [PATCH] Loading indicator while awaiting library

---
 pages/bookshelf/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/bookshelf/index.vue b/pages/bookshelf/index.vue
index 801c5d4c..bcae4783 100644
--- a/pages/bookshelf/index.vue
+++ b/pages/bookshelf/index.vue
@@ -6,7 +6,7 @@
       </template>
     </div>
 
-    <div v-if="!shelves.length" class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+    <div v-if="!shelves.length && !loading" class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
       <div>
         <p class="mb-4 text-center text-xl">
           Bookshelf empty
@@ -27,6 +27,9 @@
         </div>
       </div>
     </div>
+    <div v-if="loading" class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+      <ui-loading-indicator text="Loading Library...">
+    </div>
   </div>
 </template>