diff --git a/packages/builder/src/components/start/CreateAppModal.svelte b/packages/builder/src/components/start/CreateAppModal.svelte
index ada53c5dd3..18281d2e5f 100644
--- a/packages/builder/src/components/start/CreateAppModal.svelte
+++ b/packages/builder/src/components/start/CreateAppModal.svelte
@@ -17,6 +17,7 @@
import { capitalise } from "helpers"
import { goto } from "@roxi/routify"
import { APP_NAME_REGEX } from "constants"
+ import TemplateList from "./TemplateList.svelte"
export let template
@@ -40,6 +41,7 @@
let valid = false
$: checkValidity($values, validator)
+ $: showTemplateSelection = !template?.fromFile && !template?.key
onMount(async () => {
await hostingStore.actions.fetchDeployedApps()
@@ -136,33 +138,57 @@
}
-
- {#if template?.fromFile}
- {
- $values.file = e.detail?.[0]
- $touched.file = true
+{#if showTemplateSelection}
+ {
+ showTemplateSelection = false
+ return false
+ }}
+ showCancelButton={false}
+ showCloseIcon={false}
+ >
+
+ One of the coolest things about Budibase is that you don't have to start
+ from scratch. Simply select a template below, and get to work.
+
+ {
+ template = selected
}}
/>
- {/if}
-
- Give your new app a name, and choose which groups have access (paid plans
- only).
-
- ($touched.name = true)}
- label="Name"
- />
-
-
+
+{:else}
+
+ {#if template?.fromFile}
+ {
+ $values.file = e.detail?.[0]
+ $touched.file = true
+ }}
+ />
+ {/if}
+
+ Give your new app a name, and choose which groups have access (paid plans
+ only).
+
+ ($touched.name = true)}
+ label="Name"
+ />
+
+
+{/if}
diff --git a/packages/builder/src/components/start/OnboardingModal.svelte b/packages/builder/src/components/start/OnboardingModal.svelte
index 52522b23f1..3041585577 100644
--- a/packages/builder/src/components/start/OnboardingModal.svelte
+++ b/packages/builder/src/components/start/OnboardingModal.svelte
@@ -1,7 +1,6 @@
{#if step === 0}
@@ -41,21 +35,6 @@
/>
{:else if step === 1}
-
-
- One of the coolest things about Budibase is that you don't have to start
- from scratch. Simply select a template below, and get to work.
-
-
-
-{:else if step === 2}
{/if}