From e15610e8d49e665a92e1fcd6b04142e7be70c5a7 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Mon, 9 May 2022 09:40:46 +0100
Subject: [PATCH] Cleanup and remove old files

---
 .../theme/_components/AppThemeSelect.svelte   |   1 -
 .../theme/_components/ThemeEditor.svelte      | 117 ------------------
 2 files changed, 118 deletions(-)
 delete mode 100644 packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/ThemeEditor.svelte

diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/AppThemeSelect.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/AppThemeSelect.svelte
index 2165e3bec9..7a003a72a2 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/AppThemeSelect.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/AppThemeSelect.svelte
@@ -11,7 +11,6 @@
   ]
 
   $: themeIndex = ThemeOptions.indexOf($store.theme) ?? 2
-  $: console.log("index", themeIndex)
 
   const onChangeTheme = async e => {
     try {
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/ThemeEditor.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/ThemeEditor.svelte
deleted file mode 100644
index cb0c07aaf5..0000000000
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/ThemeEditor.svelte
+++ /dev/null
@@ -1,117 +0,0 @@
-<script>
-  import { get } from "svelte/store"
-  import {
-    ActionButton,
-    Modal,
-    ModalContent,
-    Layout,
-    ColorPicker,
-    Label,
-    Select,
-    Button,
-    notifications,
-  } from "@budibase/bbui"
-  import { store } from "builderStore"
-  import AppThemeSelect from "./AppThemeSelect.svelte"
-  import { DefaultAppTheme } from "constants"
-
-  let modal
-
-  const buttonBorderRadiusOptions = [
-    {
-      label: "None",
-      value: "0",
-    },
-    {
-      label: "Small",
-      value: "4px",
-    },
-    {
-      label: "Medium",
-      value: "8px",
-    },
-    {
-      label: "Large",
-      value: "16px",
-    },
-  ]
-
-  const updateProperty = property => {
-    return async e => {
-      try {
-        store.actions.customTheme.save({
-          ...get(store).customTheme,
-          [property]: e.detail,
-        })
-      } catch (error) {
-        notifications.error("Error updating custom theme")
-      }
-    }
-  }
-
-  const resetTheme = () => {
-    try {
-      const theme = get(store).theme
-      store.actions.customTheme.save({
-        ...defaultTheme,
-        navBackground:
-          theme === "spectrum--light"
-            ? "var(--spectrum-global-color-gray-50)"
-            : "var(--spectrum-global-color-gray-100)",
-      })
-    } catch (error) {
-      notifications.error("Error saving custom theme")
-    }
-  }
-</script>
-
-<div class="container">
-  <ActionButton icon="Brush" on:click={modal.show}>Edit theme</ActionButton>
-</div>
-<Modal bind:this={modal}>
-  <ModalContent
-    showConfirmButton={false}
-    cancelText="View changes"
-    showCloseIcon={false}
-    title="Theme settings"
-  >
-    <Layout noPadding gap="S">
-      <div class="setting">
-        <Label size="L">Theme</Label>
-      </div>
-      <div class="setting">
-        <Label size="L">Button roundness</Label>
-        <div class="select-wrapper">
-          <Select
-            placeholder={null}
-            value={$store.customTheme?.buttonBorderRadius ||
-              DefaultAppTheme.buttonBorderRadius}
-            on:change={updateProperty("buttonBorderRadius")}
-            options={buttonBorderRadiusOptions}
-          />
-        </div>
-      </div>
-      <div class="setting">
-        <Label size="L">Accent color</Label>
-      </div>
-      <div class="setting">
-        <Label size="L">Accent color (hover)</Label>
-      </div>
-    </Layout>
-    <div slot="footer">
-      <Button secondary quiet on:click={resetTheme}>Reset</Button>
-    </div>
-  </ModalContent>
-</Modal>
-
-<style>
-  .setting {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-  }
-  .select-wrapper {
-    width: 100px;
-  }
-</style>