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}