Refresh backup list after app backup creation

dashboard/src/components/app/Backups.vue

@@ -12,9 +12,11 @@ import { download } from '../../utils.js';
 import SettingsItem from '../SettingsItem.vue';
 import AppsModel from '../../models/AppsModel.js';
 import BackupsModel from '../../models/BackupsModel.js';
+import TasksModel from '../../models/TasksModel.js';
 
 const appsModel = AppsModel.create();
 const backupsModel = BackupsModel.create();
+const tasksModel = TasksModel.create();
 
 const props = defineProps([ 'app' ]);
 
@@ -61,12 +63,27 @@ async function onChangeAutoBackups(value) {
   }
 }
 
-async function onCreate() {
-  createBusy.value = true;
-  const [error] = await appsModel.backup(props.app.id);
+async function waitForTask(taskId) {
+  if (!taskId) return;
+
+  const [error, result] = await tasksModel.get(taskId);
   if (error) return console.error(error);
 
+  if (!result.active) return refresh();
+
+  setTimeout(waitForTask.bind(null, taskId), 2000);
+}
+
+async function onCreate() {
+  createBusy.value = true;
+  const [error, result] = await appsModel.backup(props.app.id);
+  if (error) return console.error(error);
+
+  console.log(result)
+
   setTimeout(() => createBusy.value = false, 2000);
+
+  await waitForTask(result);
 }
 
 function onEdit(backup) {