From 6c4e7a4de7131dfa9fe42ea0f894eb1e281123de Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Mon, 6 Apr 2020 16:51:17 +0200
Subject: [PATCH] convert modelcreator and vieweditor to new modal

---
 .../modals/CreateEditModel.svelte             |  6 +++++
 .../modals/CreateEditView.svelte              |  6 +++++
 .../nav/SchemaManagementDrawer.svelte         | 23 +++++++++++++++++--
 3 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditModel.svelte b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditModel.svelte
index 705ae4a1e5..9e1a90e5a6 100644
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditModel.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditModel.svelte
@@ -8,3 +8,9 @@
 <section>
   <ModelView />
 </section>
+
+<style>
+  section {
+    padding: 30px;
+  }
+</style>
diff --git a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditView.svelte b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditView.svelte
index 4bdedadfbd..ee889145f0 100644
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditView.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditView.svelte
@@ -6,3 +6,9 @@
 <section>
   <IndexView />
 </section>
+
+<style>
+  section {
+    padding: 30px;
+  }
+</style>
diff --git a/packages/builder/src/components/nav/SchemaManagementDrawer.svelte b/packages/builder/src/components/nav/SchemaManagementDrawer.svelte
index 40b1d2dee4..383dca928f 100644
--- a/packages/builder/src/components/nav/SchemaManagementDrawer.svelte
+++ b/packages/builder/src/components/nav/SchemaManagementDrawer.svelte
@@ -1,9 +1,16 @@
 <script>
+  import { getContext } from "svelte"
   import { store, backendUiStore } from "builderStore"
   import HierarchyRow from "./HierarchyRow.svelte"
   import DropdownButton from "components/common/DropdownButton.svelte"
   import NavItem from "./NavItem.svelte"
   import getIcon from "components/common/icon"
+  import {
+    CreateEditModelModal,
+    CreateEditViewModal,
+  } from "components/database/ModelDataTable/modals"
+
+  const { open, close } = getContext("simple-modal")
 
   function newModel() {
     if ($store.currentNode) {
@@ -11,12 +18,24 @@
     } else {
       store.newRootRecord()
     }
-    backendUiStore.actions.modals.show("MODEL")
+    open(
+      CreateEditModelModal,
+      {
+        onClosed: close,
+      },
+      { styleContent: { padding: "0" } }
+    )
   }
 
   function newView() {
     store.newRootIndex()
-    backendUiStore.actions.modals.show("VIEW")
+    open(
+      CreateEditViewModal,
+      {
+        onClosed: close,
+      },
+      { styleContent: { padding: "0" } }
+    )
   }
 </script>