From 046509224ed93b00de8738ba0f2caeaf7d27c3d4 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Tue, 22 Nov 2022 21:21:53 +0200
Subject: [PATCH] Fixed library page janky loading

---
 app/imports/client/ui/library/LibraryList.vue | 14 --------------
 app/imports/client/ui/pages/Library.vue       |  9 ++++++---
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/app/imports/client/ui/library/LibraryList.vue b/app/imports/client/ui/library/LibraryList.vue
index cb9d09d1..f50540e3 100644
--- a/app/imports/client/ui/library/LibraryList.vue
+++ b/app/imports/client/ui/library/LibraryList.vue
@@ -44,20 +44,6 @@
         @select="val => $emit('select-library', library._id, val)"
       />
     </v-list-group>
-    <v-expand-transition>
-      <v-row
-        v-if="!$subReady.libraries"
-        align="center"
-        justify="center"
-        class="pa-4"
-      >
-        <v-progress-circular
-          indeterminate
-          color="primary"
-          size="32"
-        />
-      </v-row>
-    </v-expand-transition>
   </v-list>
 </template>
 
diff --git a/app/imports/client/ui/pages/Library.vue b/app/imports/client/ui/pages/Library.vue
index 87eaacd7..c1fefb4b 100644
--- a/app/imports/client/ui/pages/Library.vue
+++ b/app/imports/client/ui/pages/Library.vue
@@ -10,8 +10,10 @@
           xl="8"
         >
           <v-card :class="{'mb-4': libraryCollections && libraryCollections.length}">
-            <library-list />
-            <v-expand-transition>
+            <v-fade-transition
+              hide-on-leave
+              leave-absolute
+            >
               <v-row
                 v-if="!$subReady.libraries"
                 align="center"
@@ -24,7 +26,8 @@
                   size="32"
                 />
               </v-row>
-            </v-expand-transition>
+              <library-list v-else />
+            </v-fade-transition>
           </v-card>
           <div class="layout justify-end mt-2">
             <v-btn