From f3254bb22df4b40a7ac3ab6763ac7c2c8d996bca Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 1 Dec 2018 12:57:00 -0800
Subject: [PATCH] feat(settings): add theme settings to general (#706)

---
 routes/_pages/settings/general.html | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/routes/_pages/settings/general.html b/routes/_pages/settings/general.html
index 5b7c447e..9f6495f3 100644
--- a/routes/_pages/settings/general.html
+++ b/routes/_pages/settings/general.html
@@ -35,11 +35,8 @@
     </div>
   </form>
 
-  <h2>Themes
-  </h2>
-  <p>
-    Changes to the theme can be made in <em>Settings &gt; Instances &gt; (instance name)</em>
-  </p>
+  <h2>{themeTitle}</h2>
+  <ThemeSettings instanceName={$currentInstance} />
 </SettingsLayout>
 <style>
   .ui-settings {
@@ -55,12 +52,19 @@
 </style>
 <script>
   import SettingsLayout from '../../_components/settings/SettingsLayout.html'
+  import ThemeSettings from '../../_components/settings/instance/ThemeSettings.html'
   import { store } from '../../_store/store'
 
   export default {
     components: {
-      SettingsLayout
+      SettingsLayout,
+      ThemeSettings
     },
-    store: () => store
+    store: () => store,
+    computed: {
+      themeTitle: ({ $loggedInInstancesInOrder, $currentInstance }) => (
+        $loggedInInstancesInOrder.length > 1 ? `Theme for ${$currentInstance}` : 'Theme'
+      )
+    }
   }
 </script>
\ No newline at end of file