diff --git a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
index 7d8909b15a..d4dddf94f6 100644
--- a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
+++ b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
@@ -288,6 +288,18 @@
Choose a Version:
*ngFor="let fileName of queuedFileNames"
class="upload-progress-container">
{{ fileName }}
+
diff --git a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss
index 0790f28358..389ac07454 100644
--- a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss
+++ b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss
@@ -185,7 +185,6 @@ nz-select {
.upload-progress-wrapper-pending {
display: flex;
flex-direction: column;
- gap: 10px;
max-height: 15vh;
}
diff --git a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts
index 206efc22e9..3e1b4ade1c 100644
--- a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts
+++ b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts
@@ -493,17 +493,13 @@ export class DatasetDetailComponent implements OnInit {
}
}
- private cancelExistingUpload(fileName: string): void {
- const isUploading = this.uploadTasks.some(
- t => t.filePath === fileName && (t.status === "uploading" || t.status === "initializing")
- );
- this.uploadSubscriptions.get(fileName)?.unsubscribe();
- this.uploadSubscriptions.delete(fileName);
- this.uploadTasks = this.uploadTasks.filter(t => t.filePath !== fileName);
-
- // Process next in queue if this was active
- if (isUploading) {
- this.onUploadComplete();
+ cancelExistingUpload(fileName: string): void {
+ const task = this.uploadTasks.find(t => t.filePath === fileName);
+ if (task) {
+ if (task.status === "uploading" || task.status === "initializing") {
+ this.onClickAbortUploadProgress(task);
+ return;
+ }
}
// Remove from pending queue if present
this.pendingQueue = this.pendingQueue.filter(item => item.fileName !== fileName);