From b21537795e797b2674e24cfcc95e95d13ca244fb Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 28 Mar 2025 11:29:33 +0530
Subject: [PATCH] update: add cancel buttons.

---
 .../overview/platforms/createAndroid.svelte            | 10 ++++++++--
 .../overview/platforms/createApple.svelte              | 10 ++++++++--
 .../overview/platforms/createFlutter.svelte            | 10 ++++++++--
 .../overview/platforms/createReactNative.svelte        | 10 ++++++++--
 .../overview/platforms/createWeb.svelte                |  6 ++++++
 5 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/routes/(console)/project-[project]/overview/platforms/createAndroid.svelte b/src/routes/(console)/project-[project]/overview/platforms/createAndroid.svelte
index 9252f2daf..0c5053541 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/createAndroid.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/createAndroid.svelte
@@ -231,9 +231,15 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
             </Button>
         {:else}
             <Button
-                fullWidthMobile
+                disabled={isCreatingPlatform}
+                size="s"
+                on:click={() => (showExitModal = true)}
+                secondary>
+                Cancel
+            </Button>
+
+            <Button
                 size="s"
-                submit
                 forceShowLoader
                 submissionLoader={isCreatingPlatform}
                 disabled={!$createPlatform.name || !$createPlatform.key || isCreatingPlatform}
diff --git a/src/routes/(console)/project-[project]/overview/platforms/createApple.svelte b/src/routes/(console)/project-[project]/overview/platforms/createApple.svelte
index 5c616dfe9..c7a9632ae 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/createApple.svelte
@@ -257,9 +257,15 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject.client.config.endpoint}"
             </Button>
         {:else}
             <Button
-                fullWidthMobile
+                disabled={isCreatingPlatform}
+                size="s"
+                on:click={() => (showExitModal = true)}
+                secondary>
+                Cancel
+            </Button>
+
+            <Button
                 size="s"
-                submit
                 forceShowLoader
                 submissionLoader={isCreatingPlatform}
                 disabled={!platform ||
diff --git a/src/routes/(console)/project-[project]/overview/platforms/createFlutter.svelte b/src/routes/(console)/project-[project]/overview/platforms/createFlutter.svelte
index 1f07d994c..f7a8501fa 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/createFlutter.svelte
@@ -313,9 +313,15 @@ static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.e
             </Button>
         {:else}
             <Button
-                fullWidthMobile
+                disabled={isCreatingPlatform}
+                size="s"
+                on:click={() => (showExitModal = true)}
+                secondary>
+                Cancel
+            </Button>
+
+            <Button
                 size="s"
-                submit
                 forceShowLoader
                 submissionLoader={isCreatingPlatform}
                 disabled={!platform ||
diff --git a/src/routes/(console)/project-[project]/overview/platforms/createReactNative.svelte b/src/routes/(console)/project-[project]/overview/platforms/createReactNative.svelte
index 1c66d51f0..154c446e1 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/createReactNative.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/createReactNative.svelte
@@ -279,9 +279,15 @@ const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}";
             </Button>
         {:else}
             <Button
-                fullWidthMobile
+                disabled={isCreatingPlatform}
+                size="s"
+                on:click={() => (showExitModal = true)}
+                secondary>
+                Cancel
+            </Button>
+
+            <Button
                 size="s"
-                submit
                 forceShowLoader
                 submissionLoader={isCreatingPlatform}
                 disabled={!platform ||
diff --git a/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte
index fa5dd07e6..7f4e834af 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte
@@ -387,6 +387,12 @@ ${prefix}APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
                 variant="secondary"
                 disabled={isCreatingPlatform}>Go to dashboard</Button.Anchor>
         {:else}
+            <Button.Button
+                size="s"
+                on:click={() => (showExitModal = true)}
+                variant="secondary"
+                disabled={isCreatingPlatform}>Cancel</Button.Button>
+
             <Button.Button size="s" on:click={createWebPlatform} disabled={!selectedFramework}
                 >Create platform</Button.Button>
         {/if}