diff --git a/frontend/src/components/prompts/UploadFiles.vue b/frontend/src/components/prompts/UploadFiles.vue
index 1cb9982c..883fffe3 100644
--- a/frontend/src/components/prompts/UploadFiles.vue
+++ b/frontend/src/components/prompts/UploadFiles.vue
@@ -8,7 +8,9 @@
{{
- $t("prompts.uploadFiles", { files: uploadStore.activeUploads.size })
+ $t("prompts.uploadFiles", {
+ files: uploadStore.pendingUploadCount,
+ })
}}
diff --git a/frontend/src/stores/upload.ts b/frontend/src/stores/upload.ts
index 17a29f70..53d96ea9 100644
--- a/frontend/src/stores/upload.ts
+++ b/frontend/src/stores/upload.ts
@@ -2,7 +2,7 @@ import { defineStore } from "pinia";
import { useFileStore } from "./file";
import { files as api } from "@/api";
import buttons from "@/utils/buttons";
-import { inject, markRaw, ref } from "vue";
+import { computed, inject, markRaw, ref } from "vue";
import * as tus from "@/api/tus";
// TODO: make this into a user setting
@@ -71,6 +71,17 @@ export const useUploadStore = defineStore("upload", () => {
tus.abortAllUploads();
};
+ //
+ // GETTERS
+ //
+
+ const pendingUploadCount = computed(
+ () =>
+ allUploads.value.length -
+ (lastUpload.value + 1) +
+ activeUploads.value.size
+ );
+
//
// PRIVATE FUNCTIONS
//
@@ -162,5 +173,8 @@ export const useUploadStore = defineStore("upload", () => {
// ACTIONS
upload,
abort,
+
+ // GETTERS
+ pendingUploadCount,
};
});