From 3154b74a7f4edbd7d4ed9572ea0da61507f8dc91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wiktor=20Tkaczy=C5=84ski?= <wiktor.tkaczynski@gmail.com>
Date: Wed, 8 Jan 2025 18:31:28 +0100
Subject: [PATCH] feat: allow to go back on space creation (#1086)

* feat: allow to go back on space creation

With this change now it's possible to go back to space creation form
to make adjustments.

* feat: use always-visible Go back button

* refactor: roll into v-else

* feat: hide Go back button if already deployed
---
 apps/ui/src/components/CreateDeploymentProgress.vue | 11 +++++++++++
 apps/ui/src/views/Create.vue                        |  1 +
 2 files changed, 12 insertions(+)

diff --git a/apps/ui/src/components/CreateDeploymentProgress.vue b/apps/ui/src/components/CreateDeploymentProgress.vue
index caec227dc..8d1e97e90 100644
--- a/apps/ui/src/components/CreateDeploymentProgress.vue
+++ b/apps/ui/src/components/CreateDeploymentProgress.vue
@@ -44,6 +44,10 @@ const props = defineProps<{
   controller: string;
 }>();
 
+const emit = defineEmits<{
+  (e: 'back');
+}>();
+
 const { deployDependency, createSpace } = useActions();
 const { web3, login } = useWeb3();
 
@@ -273,6 +277,13 @@ onMounted(() => deploy());
         </div>
       </div>
     </div>
+    <UiButton
+      v-if="!completed && steps[currentStep].id !== 'INDEXING_SPACE'"
+      class="mt-4"
+      @click="emit('back')"
+    >
+      Go back
+    </UiButton>
     <div v-if="completed" class="mt-4">
       You can now access your space
       <AppLink
diff --git a/apps/ui/src/views/Create.vue b/apps/ui/src/views/Create.vue
index 609a93b8f..01cd3a88b 100644
--- a/apps/ui/src/views/Create.vue
+++ b/apps/ui/src/views/Create.vue
@@ -180,6 +180,7 @@ watchEffect(() => setTitle('Create space'));
       :voting-strategies="votingStrategies"
       :execution-strategies="executionStrategies"
       :controller="controller"
+      @back="confirming = false"
     />
     <div v-else class="pt-5 flex max-w-[50rem] mx-auto px-4">
       <div