From 42ec77accf6bdfdec79a635771cba35fd01aea46 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Wed, 19 Feb 2025 09:48:22 +0100
Subject: [PATCH] Update button to use new pink V2 button

---
 .../overview/platforms/createWeb.svelte       | 40 ++++++-------------
 1 file changed, 12 insertions(+), 28 deletions(-)

diff --git a/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte
index d2768fa59..2e9e02929 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/createWeb.svelte
@@ -11,9 +11,9 @@
         Fieldset,
         InlineCode,
         Card,
-        Button as ButtonV2
+        Button
     } from '@appwrite.io/pink-svelte';
-    import { Button, Form } from '$lib/elements/forms';
+    import { Form } from '$lib/elements/forms';
     import {
         IconVue,
         IconAppwrite,
@@ -170,27 +170,15 @@ APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
 
                         <Layout.Stack direction="row" justifyContent="flex-end">
                             {#if isChangingFramework}
-                                <Button
-                                    fullWidthMobile
-                                    size="s"
-                                    forceShowLoader
-                                    submissionLoader={isCreatingPlatform}
+                                <Button.Button
                                     disabled={!selectedFramework}
                                     on:click={() => {
                                         isChangingFramework = false;
                                     }}>
-                                    Change framework instructions
-                                </Button>
+                                    Change framework instructions</Button.Button>
                             {:else}
-                                <Button
-                                    fullWidthMobile
-                                    size="s"
-                                    submit
-                                    forceShowLoader
-                                    submissionLoader={isCreatingPlatform}
-                                    disabled={!selectedFramework}>
-                                    Create platform
-                                </Button>
+                                <Button.Button type="submit" disabled={!selectedFramework}
+                                    >Create platform</Button.Button>
                             {/if}
                         </Layout.Stack>
                     </Layout.Stack>
@@ -206,12 +194,12 @@ APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
                             <Typography.Text variant="m-500"
                                 >{selectedFramework.label}</Typography.Text>
                         </Layout.Stack>
-                        <ButtonV2.Button
+                        <Button.Button
                             variant="secondary"
                             size="s"
                             on:click={() => {
                                 isChangingFramework = true;
-                            }}>Change</ButtonV2.Button>
+                            }}>Change</Button.Button>
                     </Layout.Stack></Card.Base>
             {/if}
 
@@ -300,14 +288,10 @@ APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
 
     <svelte:fragment slot="footer">
         {#if isPlatformCreated}
-            <Button
-                size="s"
-                fullWidthMobile
-                secondary
-                disabled={isCreatingPlatform}
-                href={location.pathname}>
-                Go to dashboard
-            </Button>
+            <Button.Anchor
+                href={location.pathname}
+                variant="secondary"
+                disabled={isCreatingPlatform}>Go to dashboard</Button.Anchor>
         {/if}
     </svelte:fragment>
 </Wizard>