From 2f13546b8baebad0f06f894f9fe3b9f4a28b3a4f Mon Sep 17 00:00:00 2001
From: mateusppereira <mateuspereira97@icloud.com>
Date: Fri, 25 Oct 2019 14:56:24 -0300
Subject: [PATCH] fixed frame colors bug

---
 components/section.vue |  6 +++---
 pages/settings.vue     | 13 ++++++-------
 store/postwoman.js     |  2 +-
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/components/section.vue b/components/section.vue
index d8443e5e5..2a061bcae 100644
--- a/components/section.vue
+++ b/components/section.vue
@@ -1,5 +1,5 @@
 <template>
-  <fieldset :id="label.toLowerCase()" :class="{ 'no-colored-frames': noFrameColors }">
+  <fieldset :id="label.toLowerCase()" :class="{ 'no-colored-frames': !frameColorsEnabled }">
     <legend @click.prevent="collapse">
       <i class="material-icons icon">{{ icon }}</i>
       <span>{{ label }}</span>
@@ -24,8 +24,8 @@
 <script>
   export default {
     computed: {
-      noFrameColors() {
-        return this.$store.state.postwoman.settings.DISABLE_FRAME_COLORS || false;
+      frameColorsEnabled() {
+        return this.$store.state.postwoman.settings.FRAME_COLORS_ENABLED || false;
       }
     },
 
diff --git a/pages/settings.vue b/pages/settings.vue
index 06c707969..080729a37 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -40,9 +40,9 @@
           <h3 class="title">Frames</h3>
           <span>
             <pw-toggle
-              :on="!settings.DISABLE_FRAME_COLORS"
-              @change="applySetting('DISABLE_FRAME_COLORS', $event)"
-            >Multi-color {{ settings.DISABLE_FRAME_COLORS ? "Disabled" : "Enabled" }}</pw-toggle>
+              :on="settings.FRAME_COLORS_ENABLED"
+              @change="applySetting('FRAME_COLORS_ENABLED', $event)"
+            >Multi-color {{ settings.FRAME_COLORS_ENABLED ? "Enabled" : "Disabled" }}</pw-toggle>
           </span>
         </li>
       </ul>
@@ -51,7 +51,6 @@
       <ul>
         <li>
           <pw-toggle
-            :on="settings.PROXY_ENABLED"
             @change="applySetting('PROXY_ENABLED', $event)"
           >Proxy {{ settings.PROXY_ENABLED ? "enabled" : "disabled" }}</pw-toggle>
         </li>
@@ -165,9 +164,8 @@
           THEME_CLASS: this.$store.state.postwoman.settings.THEME_CLASS || "",
           THEME_COLOR: "",
           THEME_COLOR_VIBRANT: true,
-
-          DISABLE_FRAME_COLORS:
-            this.$store.state.postwoman.settings.DISABLE_FRAME_COLORS || false,
+          FRAME_COLORS_ENABLED:
+            this.$store.state.postwoman.settings.FRAME_COLORS_ENABLED || false,
           PROXY_ENABLED:
             this.$store.state.postwoman.settings.PROXY_ENABLED || false,
           PROXY_URL: this.$store.state.postwoman.settings.PROXY_URL || "",
@@ -219,6 +217,7 @@
         ).toUpperCase()}`;
       },
       applySetting(key, value) {
+        console.log(key, value)
         this.settings[key] = value;
         this.$store.commit("postwoman/applySetting", [key, value]);
       },
diff --git a/store/postwoman.js b/store/postwoman.js
index cb6986e4c..56445eac9 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -26,7 +26,7 @@ export const SETTINGS_KEYS = [
    * to emphasise the different sections.
    * This setting allows that to be turned off.
    */
-  "DISABLE_FRAME_COLORS",
+  "FRAME_COLORS_ENABLED",
 
   /**
    * Whether or not requests should be proxied.