From daa4f7dfb1ebd0d39e2bdd6d5b1c57675015ad1a Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 29 Sep 2025 10:05:25 +0200
Subject: [PATCH] Only update UI with sites once all info is fetched

---
 dashboard/src/views/BackupSitesView.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/views/BackupSitesView.vue b/dashboard/src/views/BackupSitesView.vue
index b14a8658a..9eb03277e 100644
--- a/dashboard/src/views/BackupSitesView.vue
+++ b/dashboard/src/views/BackupSitesView.vue
@@ -163,9 +163,9 @@ async function refresh() {
   const [error, results] = await backupSitesModels.list();
   if (error) return console.error(error);
 
-  sites.value = [];
-
   const sortedResults = results.sort((a, b) => a.name.localeCompare(b.name));
+
+  const sitesWithDetails = [];
   for (const result of sortedResults) {
     // have to make it a reactive object as we manipulate property objects
     const site = reactive(result);
@@ -190,9 +190,10 @@ async function refresh() {
 
     if (site.task && site.task.active) setTimeout(waitForSiteTask.bind(null, site), 2000);
 
-    sites.value.push(site);
+    sitesWithDetails.push(site);
   }
 
+  sites.value = sitesWithDetails;
   busy.value = false;
 }