From eb8633c63070182abf5723fe09cad78d7eac9a73 Mon Sep 17 00:00:00 2001
From: Chad Derya <scd@onlinefuels.com>
Date: Tue, 3 Sep 2019 15:03:10 +0100
Subject: [PATCH] Chnging platform changes theme

---
 src/settings.js                     |  6 ++++++
 src/styles/element-variables.scss   |  5 ++++-
 src/views/dashboard/admin/index.vue | 14 ++++++++++++--
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/settings.js b/src/settings.js
index 8d74ec76..1a9233b0 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -25,6 +25,12 @@ module.exports = {
    */
   sidebarLogo: false,
 
+  /**
+   * @type {string} true | false
+   * @description Decide which countrys platform to show to the user
+   */
+  platform: 'DE',
+
   /**
    * @type {string | array} 'production' | ['production', 'development']
    * @description Need show err logs component.
diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 30a0e6bc..480a2025 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -8,6 +8,9 @@ $--color-primary: #1890ff;
 $--color-success: #13ce66;
 $--color-warning: #FFBA00;
 $--color-danger: #ff4949;
+$--color-UKTheme: #29CBDD;
+$--color-DETheme: #41ED1B;
+
 // $--color-info: #1E1E1E;
 
 $--button-font-weight: 400;
@@ -27,5 +30,5 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
 :export {
-  theme: $--color-primary;
+  theme: $--color-DETheme;
 }
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
index b2738012..72e7b004 100644
--- a/src/views/dashboard/admin/index.vue
+++ b/src/views/dashboard/admin/index.vue
@@ -92,9 +92,12 @@ export default {
   data() {
     return {
       lineChartData: lineChartData.newVisitis,
-      platform: 'UK'
+      platform: ''
     }
   },
+  created() {
+    this.platform = this.$store.state.settings.platform
+  },
   methods: {
     handleSetLineChartData(type) {
       this.lineChartData = lineChartData[type]
@@ -104,7 +107,14 @@ export default {
         key: 'platform',
         value: this.platform
       })
-      console.log(this.$store.state.settings.platform)
+      this.themeChange()
+    },
+    themeChange() {
+      const themeColour = this.platform === 'UK' ? '#29CBDD' : '#41ED1B'
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'theme',
+        value: themeColour
+      })
     }
   }
 }