From fa8bc4012eab41f4b4977ecb3e867ae2ebcfef37 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 3 Jul 2025 09:10:11 +0000
Subject: [PATCH] fix more issues

---
 src/lib/layout/createProject.svelte           | 27 ++++++++++++++-----
 .../onboarding/create-project/+page.svelte    |  3 ++-
 .../createProjectCloud.svelte                 |  1 -
 3 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/lib/layout/createProject.svelte b/src/lib/layout/createProject.svelte
index e5d5288a6..d20a6f5e9 100644
--- a/src/lib/layout/createProject.svelte
+++ b/src/lib/layout/createProject.svelte
@@ -12,13 +12,25 @@
     import { filterRegions } from '$lib/helpers/regions';
     import type { Snippet } from 'svelte';
 
-    let projectName = $state('');
-    let id = $state('');
-    let regions = $state<Array<Models.ConsoleRegion>>([]);
-    let region = $state('');
-    let showTitle = $state(true);
-    let projects = $state<number | undefined>(undefined);
-    let { submit }: { submit?: Snippet } = $props();
+    let {
+        projectName = $bindable(''),
+        id = $bindable(''),
+        regions = [],
+        region = $bindable(''),
+        showTitle = true,
+        projects = undefined,
+        submit,
+        onsubmit
+    }: {
+        projectName: string;
+        id: string;
+        regions: Array<Models.ConsoleRegion>;
+        region: string;
+        showTitle: boolean;
+        projects?: number;
+        submit?: Snippet;
+        onsubmit?: (event: Event) => void;
+    } = $props();
 
     let showCustomId = $state(false);
     let projectsLimited = $derived(
@@ -35,6 +47,7 @@
 <form
     onsubmit={(e) => {
         e.preventDefault();
+        onsubmit?.(e);
     }}>
     <Layout.Stack direction="column" gap="xxl">
         {#if showTitle}
diff --git a/src/routes/(console)/onboarding/create-project/+page.svelte b/src/routes/(console)/onboarding/create-project/+page.svelte
index 5121889d6..4e2330769 100644
--- a/src/routes/(console)/onboarding/create-project/+page.svelte
+++ b/src/routes/(console)/onboarding/create-project/+page.svelte
@@ -99,7 +99,8 @@
                 bind:projectName
                 bind:id
                 bind:region
-                on:submit={createProject}>
+                showTitle={true}
+                onsubmit={createProject}>
                 <svelte:fragment slot="submit">
                     <Layout.Stack direction="row" justifyContent="flex-end">
                         <Button.Button type="submit" variant="primary" size="s">
diff --git a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
index 2e56c17a8..8667dcc99 100644
--- a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
+++ b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
@@ -63,7 +63,6 @@
     onSubmit={create}
     bind:error>
     <CreateProject
-        {projects}
         showTitle={false}
         bind:id
         bind:projectName={name}