refactor how modal is handled

packages/builder/src/components/start/ChooseIconModal.svelte

@@ -1,18 +1,9 @@
 <script>
-  import {
+  import { ModalContent, Modal, Icon, ColorPicker, Label } from "@budibase/bbui"
-    Input,
-    ModalContent,
-    Body,
-    Modal,
-    Icon,
-    ColorPicker,
-    Label,
-  } from "@budibase/bbui"
   import { apps } from "stores/portal"
 
   export let app
   let modal
-  let dirty
   let selectedIcon
   let selectedColor
 
@@ -43,10 +34,6 @@
     hide()
   }
 
-  const onShow = () => {
-    dirty = false
-  }
-
   const changeColor = val => {
     selectedColor = val
   }
@@ -59,7 +46,7 @@
   }
 </script>
 
-<Modal bind:this={modal} on:hide={onCancel} on:show={onShow}>
+<Modal bind:this={modal} on:hide={onCancel}>
   <ModalContent
     title={"Edit Icon"}
     confirmText={"Save"}

packages/builder/src/components/start/CreateAppModal.svelte

@@ -3,7 +3,7 @@
 
   import { notifications, Input, ModalContent, Dropzone } from "@budibase/bbui"
   import { store, automationStore, hostingStore } from "builderStore"
-  import { admin, auth, users } from "stores/portal"
+  import { admin, auth } from "stores/portal"
   import { string, mixed, object } from "yup"
   import api, { get, post } from "builderStore/api"
   import analytics, { Events } from "analytics"

packages/builder/src/components/start/TemplateList.svelte

@@ -31,15 +31,6 @@
 </Layout>
 
 <style>
-  .templates {
-    display: grid;
-    width: 100%;
-    grid-gap: var(--spacing-m);
-    grid-template-columns: 1fr;
-    justify-content: start;
-    margin-top: 15px;
-  }
-
   .background-icon {
     padding: 10px;
     border-radius: 4px;