From 3500b2890b918d0930566642b623dcb1c36478bd Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Sun, 21 Jan 2018 11:24:28 +0200
Subject: [PATCH] CssEditor button functionality

---
 client/src/index.js                                 | 3 +--
 client/src/modules/ui/vue/components/BdSettings.vue | 5 +++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/index.js b/client/src/index.js
index 0322dce5..04eaa77c 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const styles = require('./styles/index.scss');
-const { Global, Logger, Utils, PluginManager, BDIpc, WebpackModules, SocketProxy, Events, CssEditor } = require('./modules');
+const { Global, Logger, Utils, PluginManager, BDIpc, WebpackModules, SocketProxy, Events } = require('./modules');
 //const { UI } = require('./modules/ui/index.jsx');
 
 class BetterDiscord {
@@ -19,7 +19,6 @@ class BetterDiscord {
     constructor() {
         window.bdUtils = Utils;
         window.wpm = WebpackModules;
-        window.cssEditor = CssEditor;
         Events.on('global-ready', e => {
             const { UI } = require('./modules/ui/vueui.js');
             this.ui = new UI();
diff --git a/client/src/modules/ui/vue/components/BdSettings.vue b/client/src/modules/ui/vue/components/BdSettings.vue
index b98137dd..05721629 100644
--- a/client/src/modules/ui/vue/components/BdSettings.vue
+++ b/client/src/modules/ui/vue/components/BdSettings.vue
@@ -1,6 +1,7 @@
 <template src="./templates/BdSettings.html"></template>
 
 <script>
+    const { CssEditor } = require('../../../');
     /*Imports*/
     import { SidebarView, Sidebar, SidebarItem, ContentColumn } from './sidebar';
     import { CoreSettings, UISettings, EmoteSettings, PluginsView } from './bd';
@@ -20,6 +21,10 @@
 
     /*Methods*/
     function itemOnClick(id) {
+        if (id === 3) {
+            CssEditor.show();
+            return;
+        }
         if (this.animating || id === this.activeIndex) return;
         if (this.activeIndex >= 0) this.sidebarItems.find(item => item.id === this.activeIndex).active = false;
         this.sidebarItems.find(item => item.id === id).active = true;