From 5a2001bcbc7cc4f24676d0a3df182871b7a8e987 Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Tue, 25 Oct 2022 16:22:29 +0100
Subject: [PATCH] fix loading state

---
 .../components/portal/overview/backups/BackupsTab.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte b/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte
index acc8573e31..0afb7c1760 100644
--- a/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte
+++ b/packages/builder/src/components/portal/overview/backups/BackupsTab.svelte
@@ -37,7 +37,7 @@
   let startDate = null
   let endDate = null
   let filters = getFilters()
-
+  let loaded = false
   $: page = $pageInfo.page
   $: fetchBackups(filterOpt, page, startDate, endDate)
 
@@ -161,7 +161,10 @@
 
   onMount(() => {
     fetchBackups(filterOpt, page, startDate, endDate)
+    loaded = true
   })
+  $: console.log(loaded)
+  $: console.log(backups.length)
 </script>
 
 <div class="root">
@@ -207,7 +210,7 @@
         </div>
       </Layout>
     </Page>
-  {:else if backupData?.length === 0 && !filterOpt && !startDate}
+  {:else if backupData?.length === 0 && !loaded && !filterOpt && !startDate}
     <Page wide={false}>
       <div class="align">
         <img
@@ -227,7 +230,7 @@
         </Layout>
       </div>
     </Page>
-  {:else}
+  {:else if loaded}
     <Layout noPadding gap="M" alignContent="start">
       <div class="search">
         <div class="select">