From ff7be5bbcdd558654998b017b2a45eacf1ce7c5a Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Wed, 8 Dec 2021 18:52:06 +0000
Subject: [PATCH] refactor how modal is handled

---
 .../src/components/start/ChooseIconModal.svelte | 17 ++---------------
 .../src/components/start/CreateAppModal.svelte  |  2 +-
 .../src/components/start/TemplateList.svelte    |  9 ---------
 3 files changed, 3 insertions(+), 25 deletions(-)

diff --git a/packages/builder/src/components/start/ChooseIconModal.svelte b/packages/builder/src/components/start/ChooseIconModal.svelte
index 4de211d458..17b2260a42 100644
--- a/packages/builder/src/components/start/ChooseIconModal.svelte
+++ b/packages/builder/src/components/start/ChooseIconModal.svelte
@@ -1,18 +1,9 @@
 <script>
-  import {
-    Input,
-    ModalContent,
-    Body,
-    Modal,
-    Icon,
-    ColorPicker,
-    Label,
-  } from "@budibase/bbui"
+  import { ModalContent, 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"}
diff --git a/packages/builder/src/components/start/CreateAppModal.svelte b/packages/builder/src/components/start/CreateAppModal.svelte
index 61b36e1301..a785f9933b 100644
--- a/packages/builder/src/components/start/CreateAppModal.svelte
+++ b/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"
diff --git a/packages/builder/src/components/start/TemplateList.svelte b/packages/builder/src/components/start/TemplateList.svelte
index 4c7e465acd..90573bddff 100644
--- a/packages/builder/src/components/start/TemplateList.svelte
+++ b/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;