From afe8713e6f4499cc6f2349d9534b0958ebba7321 Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Tue, 2 Jun 2020 06:32:57 +0100
Subject: [PATCH 1/5] placeholder for "no model selected"

---
 .../backend/database/[selectedDatabase]/index.svelte          | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte b/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte
index 30988662ea..0bfa7f591f 100644
--- a/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte
+++ b/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte
@@ -40,8 +40,10 @@
     </ActionButton>
   {/if}
 </div>
-{#if $backendUiStore.selectedDatabase._id}
+{#if $backendUiStore.selectedDatabase._id && $backendUiStore.selectedModel.name}
   <ModelDataTable {selectRecord} />
+{:else}
+  <h3>Start building - create your first model  >>> </h3>
 {/if}
 
 <style>

From 9b55870c246420d690837b9c851455931ae969a4 Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Tue, 2 Jun 2020 07:56:50 +0100
Subject: [PATCH 2/5] auto select model after creation

---
 packages/builder/src/builderStore/store/backend.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/builder/src/builderStore/store/backend.js b/packages/builder/src/builderStore/store/backend.js
index 62ebd39682..0a06778566 100644
--- a/packages/builder/src/builderStore/store/backend.js
+++ b/packages/builder/src/builderStore/store/backend.js
@@ -51,6 +51,7 @@ export const getBackendUiStore = () => {
         store.update(state => {
           state.models.push(model)
           state.models = state.models
+          state.selectedModel = model
           return state
         }),
     },

From 57a917f9d95bb1742e470533f5502efb4eaa78e2 Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Tue, 2 Jun 2020 09:36:21 +0100
Subject: [PATCH 3/5] auto select first model on startup

---
 packages/builder/src/builderStore/store/backend.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/builder/src/builderStore/store/backend.js b/packages/builder/src/builderStore/store/backend.js
index 0a06778566..a0ee353a77 100644
--- a/packages/builder/src/builderStore/store/backend.js
+++ b/packages/builder/src/builderStore/store/backend.js
@@ -22,6 +22,7 @@ export const getBackendUiStore = () => {
         const views = await viewsResponse.json()
         store.update(state => {
           state.selectedDatabase = db
+          state.selectedModel = models && models.length > 0 && models[0]
           state.breadcrumbs = [db.name]
           state.models = models
           state.views = views

From 5b8625824f3d0d575cc55629b50a12ce7baa01ca Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Tue, 2 Jun 2020 09:56:22 +0100
Subject: [PATCH 4/5] open create model dialog if no models

---
 .../builder/src/builderStore/store/backend.js | 20 +++++++++++++++++++
 .../database/[selectedDatabase]/index.svelte  |  2 +-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/builderStore/store/backend.js b/packages/builder/src/builderStore/store/backend.js
index a0ee353a77..e7cdcd7e29 100644
--- a/packages/builder/src/builderStore/store/backend.js
+++ b/packages/builder/src/builderStore/store/backend.js
@@ -1,5 +1,13 @@
 import { writable } from "svelte/store"
 import api from "../api"
+import { getContext } from "svelte"
+
+/** TODO: DEMO SOLUTION
+ * this section should not be here, it is a quick fix for a demo
+ * when we reorg the backend UI, this should disappear
+ *  **/
+import { CreateEditModelModal } from "components/database/ModelDataTable/modals"
+/** DEMO SOLUTION  END **/
 
 export const getBackendUiStore = () => {
   const INITIAL_BACKEND_UI_STATE = {
@@ -28,6 +36,18 @@ export const getBackendUiStore = () => {
           state.views = views
           return state
         })
+        /** TODO: DEMO SOLUTION**/
+        if (!models || models.length === 0) {
+          const { open, close } = getContext("simple-modal")
+          open(
+            CreateEditModelModal,
+            {
+              onClosed: close,
+            },
+            { styleContent: { padding: "0" } }
+          )
+        }
+        /** DEMO SOLUTION  END **/
       },
     },
     records: {
diff --git a/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte b/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte
index 0bfa7f591f..cc5260e4b1 100644
--- a/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte
+++ b/packages/builder/src/pages/[application]/backend/database/[selectedDatabase]/index.svelte
@@ -43,7 +43,7 @@
 {#if $backendUiStore.selectedDatabase._id && $backendUiStore.selectedModel.name}
   <ModelDataTable {selectRecord} />
 {:else}
-  <h3>Start building - create your first model  >>> </h3>
+  <i style="color: var(--grey-dark)">create your first model to start building</i>
 {/if}
 
 <style>

From c00f79883d82d8a22dc9d7dd91da9b3353b7e81c Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Tue, 2 Jun 2020 11:08:30 +0200
Subject: [PATCH 5/5] hides database list

---
 .../builder/src/components/nav/BackendNav.svelte    | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/packages/builder/src/components/nav/BackendNav.svelte b/packages/builder/src/components/nav/BackendNav.svelte
index 173e92d98b..9a790ed75d 100644
--- a/packages/builder/src/components/nav/BackendNav.svelte
+++ b/packages/builder/src/components/nav/BackendNav.svelte
@@ -33,18 +33,7 @@
 </script>
 
 <div class="items-root">
-  <div class="hierarchy">
-    <div class="components-list-container">
-      <div class="nav-group-header">
-        <div class="hierarchy-title">Databases</div>
-        <i class="ri-add-line hoverable" on:click={openDatabaseCreator} />
-      </div>
-    </div>
-
-    <div class="hierarchy-items-container">
-      <DatabasesList />
-    </div>
-  </div>
+  <div class="hierarchy" />
   {#if $backendUiStore.selectedDatabase._id}
     <div class="hierarchy">
       <div class="components-list-container">