From 1a9245dfec8cc11df6451e91386caf8293aab7ba Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Thu, 27 Mar 2025 10:56:05 +0100
Subject: [PATCH] feat(front): back button in upload modal on topleft

---
 front/src/components/ui/Modal.vue |  5 +----
 front/src/ui/modals/Upload.vue    | 26 +++++++++++++++++++-------
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/front/src/components/ui/Modal.vue b/front/src/components/ui/Modal.vue
index 4b61bcbe7..ff8a7b601 100644
--- a/front/src/components/ui/Modal.vue
+++ b/front/src/components/ui/Modal.vue
@@ -89,10 +89,7 @@ onKeyboardShortcut('escape', () => { isOpen.value = false })
               section-heading
               :class="{'destructive-header': destructive}"
             />
-            <Spacer
-              v-if="!$slots.topleft"
-              grow
-            />
+            <Spacer grow />
             <Button
               icon="bi-x-lg"
               ghost
diff --git a/front/src/ui/modals/Upload.vue b/front/src/ui/modals/Upload.vue
index 415251cd5..45db6862a 100644
--- a/front/src/ui/modals/Upload.vue
+++ b/front/src/ui/modals/Upload.vue
@@ -46,10 +46,18 @@ const state = ref<State>(init())
 
 const pages = ['selectDestination', 'uploadFiles', 'uploadsInProgress'] as const
 
+const goBack = computed(() =>
+  state.value.page === 'selectDestination'
+    ? undefined
+    : () => { state.value.page = pages[pages.indexOf(state.value.page) - 1] }
+)
+
 // Step 1
 const destinationSelected = (destination: UploadDestination) =>
   state.value = { ...state.value, uploadDestination: destination, page: 'uploadFiles' }
 
+
+
 // Wait for pablo: If no channel exists, auto-create an empty channel
 
 // Step 1.1
@@ -71,6 +79,17 @@ const channelUpload = ref()
     :cancel="t('components.channels.UploadModal.button.close')"
     :title="modalTitle"
   >
+    <template
+      v-if="goBack"
+      #topleft
+    >
+      <Button
+        icon="bi-chevron-compact-left"
+        :title="t('components.channels.UploadModal.button.previous')"
+        @click="goBack"
+      />
+      <Spacer grow />
+    </template>
     <!-- Page content -->
     <!-- Page 1 -->
 
@@ -147,13 +166,6 @@ const channelUpload = ref()
     </Layout>
 
     <template #actions>
-      <Button
-        v-if="state.page !== pages[0]"
-        secondary
-        :on-click="() => { state.page = pages[(pages.indexOf(state.page) || 1) - 1] }"
-      >
-        {{ t('components.channels.UploadModal.button.previous') }}
-      </Button>
       <Spacer
         h
         grow