From 65405da8d1f7fecbc473263acde69e8c48e89ce3 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 21 May 2025 11:47:44 +0200
Subject: [PATCH] Make it more obvious that the syndns and cert tasks actually
 finished

---
 dashboard/src/components/Certificates.vue | 9 ++++++---
 dashboard/src/components/SyncDns.vue      | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/dashboard/src/components/Certificates.vue b/dashboard/src/components/Certificates.vue
index e6ad04a48..f6653aa2f 100644
--- a/dashboard/src/components/Certificates.vue
+++ b/dashboard/src/components/Certificates.vue
@@ -23,7 +23,10 @@ async function waitForLastTask() {
   lastTask.value = result;
 
   // task done, refresh menu
-  if (!result.active) return await refreshTasks();
+  if (!result.active) {
+    lastTask.value.active = true;
+    return setTimeout(refreshTasks, 2000);
+  }
 
   setTimeout(waitForLastTask, 2000);
 }
@@ -71,9 +74,9 @@ onMounted(async () => {
       <Button tool icon="fa-solid fa-align-left" v-tooltip="$t('domains.renewCerts.showLogsAction')" :menu="taskLogsMenu" :disabled="!taskLogsMenu.length"/>
     </template>
 
-    <p v-html="$t('domains.renewCerts.description')"></p>
+    <div v-html="$t('domains.renewCerts.description')" style="margin-bottom: 12px"></div>
 
-    <div v-if="lastTask.active">
+    <div v-if="lastTask.active" style="margin: 12px 0">
       <ProgressBar :value="lastTask.percent" />
       <div>{{ lastTask.message }}</div>
     </div>
diff --git a/dashboard/src/components/SyncDns.vue b/dashboard/src/components/SyncDns.vue
index 9e8a9b27d..c65557323 100644
--- a/dashboard/src/components/SyncDns.vue
+++ b/dashboard/src/components/SyncDns.vue
@@ -23,7 +23,10 @@ async function waitForLastTask() {
   lastTask.value = result;
 
   // task done, refresh menu
-  if (!result.active) return await refreshTasks();
+  if (!result.active) {
+    lastTask.value.active = true;
+    return setTimeout(refreshTasks, 2000);
+  }
 
   setTimeout(waitForLastTask, 2000);
 }
@@ -71,9 +74,9 @@ onMounted(async () => {
       <Button tool icon="fa-solid fa-align-left" v-tooltip="$t('domains.renewCerts.showLogsAction')" :menu="taskLogsMenu" :disabled="!taskLogsMenu.length"/>
     </template>
 
-    <p v-html="$t('domains.syncDns.description')"></p>
+    <div v-html="$t('domains.syncDns.description')" style="margin-bottom: 12px"></div>
 
-    <div v-if="lastTask.active">
+    <div v-if="lastTask.active" style="margin: 12px 0">
       <ProgressBar :value="lastTask.percent" />
       <div>{{ lastTask.message }}</div>
     </div>