From 1257cdd455bc24754384f87b784bc0f246062555 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 28 Dec 2023 18:28:30 +0100
Subject: [PATCH] feat: add confirmation modal on exit

---
 src/lib/layout/wizardExitModal.svelte                 | 9 ++++++++-
 src/routes/console/changeOrganizationTierCloud.svelte | 3 ++-
 src/routes/console/createOrganizationCloud.svelte     | 3 ++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/lib/layout/wizardExitModal.svelte b/src/lib/layout/wizardExitModal.svelte
index c3221c268..c73d2cd2e 100644
--- a/src/lib/layout/wizardExitModal.svelte
+++ b/src/lib/layout/wizardExitModal.svelte
@@ -8,10 +8,17 @@
 
     function handleSubmit() {
         dispatch('exit');
+        show = false;
     }
 </script>
 
-<Modal title="Exit Process" bind:show onSubmit={handleSubmit} icon="exclamation" state="warning">
+<Modal
+    title="Exit Process"
+    bind:show
+    onSubmit={handleSubmit}
+    icon="exclamation"
+    state="warning"
+    headerDivider={false}>
     <p>
         Are you sure you want to exit from <slot />? All data will be deleted. This action is
         irreversible.
diff --git a/src/routes/console/changeOrganizationTierCloud.svelte b/src/routes/console/changeOrganizationTierCloud.svelte
index 309a8af8c..cdad01a8e 100644
--- a/src/routes/console/changeOrganizationTierCloud.svelte
+++ b/src/routes/console/changeOrganizationTierCloud.svelte
@@ -204,4 +204,5 @@
     title="Change plan"
     steps={$changeTierSteps}
     finalAction={$changeOrganizationFinalAction}
-    on:exit={onFinish} />
+    on:exit={onFinish}
+    confirmExit />
diff --git a/src/routes/console/createOrganizationCloud.svelte b/src/routes/console/createOrganizationCloud.svelte
index 768231b24..5ee87c9ba 100644
--- a/src/routes/console/createOrganizationCloud.svelte
+++ b/src/routes/console/createOrganizationCloud.svelte
@@ -160,4 +160,5 @@
     title="Create organization"
     steps={$createOrgSteps}
     finalAction={$createOrganizationFinalAction}
-    on:exit={onFinish} />
+    on:exit={onFinish}
+    confirmExit />