From fa16fbbc550c8ddb502f4f46534ff95f19730a51 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 9 Apr 2025 16:18:55 +0200
Subject: [PATCH] fix: partner flows

---
 src/lib/layout/createProject.svelte           |  2 +-
 .../template-[template]/+layout.svelte        |  3 +--
 .../(public)/template-[template]/+page.svelte | 27 +++++++++++--------
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/lib/layout/createProject.svelte b/src/lib/layout/createProject.svelte
index dbbf41f5e..4758dbbb0 100644
--- a/src/lib/layout/createProject.svelte
+++ b/src/lib/layout/createProject.svelte
@@ -58,7 +58,7 @@
                                 size="s"
                                 on:click={() => {
                                     showCustomId = true;
-                                }}><Icon slot="start" icon={IconPencil} /> Project ID</Tag>
+                                }}><Icon slot="start" icon={IconPencil} size="s" /> Project ID</Tag>
                         </div>
                     {/if}
                     <CustomId bind:show={showCustomId} name="Project" isProject bind:id />
diff --git a/src/routes/(public)/template-[template]/+layout.svelte b/src/routes/(public)/template-[template]/+layout.svelte
index 647cb1e13..9ca526e9c 100644
--- a/src/routes/(public)/template-[template]/+layout.svelte
+++ b/src/routes/(public)/template-[template]/+layout.svelte
@@ -10,7 +10,6 @@
         {@render children()}
     </section>
     <footer>
-        <Typography.Eyebrow color="--fgcolor-neutral-secondary">POWERED BY</Typography.Eyebrow>
         {#if $app.themeInUse === 'dark'}
             <img
                 src="/console/images/appwrite-logo-dark.svg"
@@ -30,7 +29,7 @@
 <style lang="scss">
     .auth-bg {
         position: fixed;
-        background: var(--bgcolor-neutral-primary, #fff);
+        background: var(--bgcolor-neutral-default, #fff);
         background-size: cover;
         top: 0;
         left: 0;
diff --git a/src/routes/(public)/template-[template]/+page.svelte b/src/routes/(public)/template-[template]/+page.svelte
index 5ec88102b..3b22eafdf 100644
--- a/src/routes/(public)/template-[template]/+page.svelte
+++ b/src/routes/(public)/template-[template]/+page.svelte
@@ -12,7 +12,7 @@
     import { getFrameworkIcon } from '$lib/stores/sites.js';
     import { isCloud } from '$lib/system';
     import { ID, OAuthProvider, Query, type Models, Region } from '@appwrite.io/console';
-    import { IconGithub, IconPencil, IconPlus } from '@appwrite.io/pink-icons-svelte';
+    import { IconGithub, IconPencil, IconPlus, IconPlusSm } from '@appwrite.io/pink-icons-svelte';
     import {
         Card,
         Divider,
@@ -91,7 +91,7 @@
     async function handleSubmit() {
         if (selectedProject === null) {
             try {
-                await sdk.forConsole.projects.create(
+                const p = await sdk.forConsole.projects.create(
                     id ?? ID.unique(),
                     projectName,
                     selectedOrg,
@@ -103,6 +103,8 @@
                     teamId: selectedOrg
                 });
 
+                selectedProject = p.$id;
+
                 window.location.href = generateUrl();
             } catch (e) {
                 trackError(e, Submit.ProjectCreate);
@@ -131,16 +133,16 @@
     <Card.Base padding="s" radius="l">
         <Layout.Stack gap="xl">
             <Layout.Stack gap="l">
-                <Typography.Title size="l">
+                <Typography.Title size="m">
                     Deploy {data.product}
                 </Typography.Title>
                 <Card.Base variant="secondary" padding="xxxs" radius="s">
-                    <Layout.GridFraction start={4} end={5}>
+                    <Layout.GridFraction start={5} end={6}>
                         {#if isSiteTemplate(data.template, data.product)}
                             {@const framework = data.template.frameworks[0]}
                             <Image
                                 border
-                                radius="s"
+                                radius="xs"
                                 ratio="16/9"
                                 style=" align-self: start"
                                 src={$app.themeInUse === 'dark'
@@ -149,7 +151,7 @@
                                     : data.template.screenshotLight ||
                                       `${base}/images/sites/screenshot-placeholder-light.svg`}
                                 alt="Screenshot" />
-                            <Layout.Stack gap="xl">
+                            <Layout.Stack gap="xxl" justifyContent="center">
                                 <Layout.Stack gap="xxs">
                                     <Typography.Text
                                         variant="m-500"
@@ -202,8 +204,8 @@
                                                 value: p.$id
                                             })),
                                             {
-                                                label: 'Create a new project',
-                                                leadingIcon: IconPlus,
+                                                label: 'Create project',
+                                                leadingIcon: IconPlusSm,
                                                 value: null
                                             }
                                         ]}
@@ -224,7 +226,8 @@
                                                 on:click={() => {
                                                     showCustomId = true;
                                                 }}
-                                                ><Icon slot="start" icon={IconPencil} /> Project ID</Tag>
+                                                ><Icon slot="start" icon={IconPencil} size="s" /> Project
+                                                ID</Tag>
                                         </div>
                                     {/if}
                                     <CustomId
@@ -236,12 +239,14 @@
                                 {#if isCloud}
                                     <Layout.Stack gap="xs">
                                         <Input.Select
+                                            required
                                             bind:value={region}
                                             placeholder="Select a region"
                                             options={getRegions()}
                                             label="Region" />
-                                        <Typography.Text
-                                            >Region cannot be changed after creation</Typography.Text>
+                                        <Typography.Text>
+                                            Region cannot be changed after creation
+                                        </Typography.Text>
                                     </Layout.Stack>
                                 {/if}
                             {/if}