wip

Author: NeoIsRecursive

client/src/components/Backup.vue

@@ -2,7 +2,7 @@
 import { Listing, DropdownItem, Header, Button } from "@statamic/cms/ui";
 import { requireElevatedSession } from "@statamic/cms"
 import { useBackupStore } from "../store";
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { useResumable } from "../resumable";
 
 const props = defineProps(['chunkSize']);
@@ -20,6 +20,11 @@ const { files } = useResumable({ chunkSize: props.chunkSize ?? 2 * 1024 * 1024,
 
 backupStore.startPolling();
 
+watch(() => backupStore.status, (newStatus, oldStatus) => {
+    if (newStatus !== oldStatus) {
+        listing.value.refresh();
+    }
+});
 
 
 const restoreFrom = async (id) => {

client/src/resumable.js

@@ -67,6 +67,7 @@ export const useResumable = ({
         path: null,
       },
     ];
+    window.Statamic.$progress.start(file.uniqueIdentifier);
     resumable.upload();
   });
 
@@ -75,6 +76,7 @@ export const useResumable = ({
 
     window.Statamic.$toast.success(data.message);
 
+    window.Statamic.$progress.complete(file.uniqueIdentifier);
     onFileUploaded?.(findFile(file));
 
     files.value = files.value.filter(

src/ServiceProvider.php

@@ -87,7 +87,7 @@ private function configureNavigation(): void
                 ->can('manage backups')
                 ->section('Tools')
                 ->route('itiden.backup.index')
-                ->icon('table');
+                ->icon('save');
         });
     }