fix for endless loading on /read

diff --git a/frontend/src/routes/(authed)/read/+page.svelte b/frontend/src/routes/(authed)/read/+page.svelte
index 5c6f5664301a555cbf3a2d1f33eb9f1e05ea807d..eb03159f23c4d12c0e12c634963db9d1f048ede8 100644 (file)
--- a/frontend/src/routes/(authed)/read/+page.svelte
+++ b/frontend/src/routes/(authed)/read/+page.svelte
@@ -72,8 +72,10 @@
                }
        });
 
+       let tagsInitiallyLoaded = false;
        $effect(() => {
-               if ($tagsLoaded) {
+               if ($tagsLoaded && !tagsInitiallyLoaded) {
+                       tagsInitiallyLoaded = true;
                        loadMonthForReading();
                }
        });
@@ -348,6 +350,8 @@
                isLoadingMonthForReading = true;
                imageSizeCalculated = false;
 
+               logs = [];
+
                axios
                        .get(API_URL + '/logs/loadMonthForReading', {
                                params: {
@@ -528,7 +532,9 @@
                        <div class="d-flex align-items-center justify-content-center h-100">
                                <div class="glass p-5 rounded-5 no-entries">
                                        {#if isLoadingMonthForReading}
-                                               <span class="spinner-border spinner-border-lg" role="status" aria-hidden="true"></span>
+                                               <div class="spinner-border spinner-border-lg" role="status">
+                                                       <span class="visually-hidden">Loading...</span>
+                                               </div>
                                        {:else}
                                                <span id="no-entries">{$t('read.no_entries')}</span>
                                        {/if}