From 8d711bab3370fcd8c09d86fa05c9856283a8bc43 Mon Sep 17 00:00:00 2001
From: nicolas <nicovazquez90@gmail.com>
Date: Fri, 10 Sep 2021 09:09:11 -0300
Subject: [PATCH 1/3] Display colors Save settings only in dev mode

---
 ui/src/components/view/Setting.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/view/Setting.vue b/ui/src/components/view/Setting.vue
index 6ad97097d371..b8aa0da8084f 100644
--- a/ui/src/components/view/Setting.vue
+++ b/ui/src/components/view/Setting.vue
@@ -110,8 +110,9 @@
 
     <div class="setting-action">
       <a-divider style="margin: 15px 0;" />
-      <a-alert class="setting-action-alert" :message="$t('label.theme.alert')" type="warning" show-icon />
+      <a-alert v-if="isDevelopmentMode" class="setting-action-alert" :message="$t('label.theme.alert')" type="warning" show-icon />
       <a-button
+        v-if="isDevelopmentMode"
         class="setting-action-btn"
         icon="copy"
         @click="saveSetting">{{ $t('label.save.setting') }}</a-button>
@@ -153,6 +154,9 @@ export default {
     projectView () {
       return Boolean(this.$store.getters.project && this.$store.getters.project.id)
     },
+    isDevelopmentMode () {
+      return process.env.NODE_ENV === 'development'
+    },
     pageStyles () {
       const arrStyle = [
         {

From 38dc24ee28cd1e78910ab6b227a18cb73fa88785 Mon Sep 17 00:00:00 2001
From: nicolas <nicovazquez90@gmail.com>
Date: Fri, 10 Sep 2021 09:27:03 -0300
Subject: [PATCH 2/3] Hide entirely the dic section if not on dev

---
 ui/src/components/view/Setting.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/view/Setting.vue b/ui/src/components/view/Setting.vue
index b8aa0da8084f..95f2cff28bab 100644
--- a/ui/src/components/view/Setting.vue
+++ b/ui/src/components/view/Setting.vue
@@ -108,11 +108,10 @@
       </a-list>
     </setting-item>
 
-    <div class="setting-action">
+    <div v-if="isDevelopmentMode" class="setting-action">
       <a-divider style="margin: 15px 0;" />
-      <a-alert v-if="isDevelopmentMode" class="setting-action-alert" :message="$t('label.theme.alert')" type="warning" show-icon />
+      <a-alert class="setting-action-alert" :message="$t('label.theme.alert')" type="warning" show-icon />
       <a-button
-        v-if="isDevelopmentMode"
         class="setting-action-btn"
         icon="copy"
         @click="saveSetting">{{ $t('label.save.setting') }}</a-button>

From fa704e17bb53774f0b86e580d8f2b24b6a26aff9 Mon Sep 17 00:00:00 2001
From: nicolas <nicovazquez90@gmail.com>
Date: Fri, 10 Sep 2021 09:42:43 -0300
Subject: [PATCH 3/3] Hide the settings floating widget if not on development

---
 ui/src/components/page/GlobalLayout.vue | 5 ++++-
 ui/src/components/view/Setting.vue      | 5 +----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/page/GlobalLayout.vue b/ui/src/components/page/GlobalLayout.vue
index ebfd4c4f1a46..a059ad228573 100644
--- a/ui/src/components/page/GlobalLayout.vue
+++ b/ui/src/components/page/GlobalLayout.vue
@@ -63,7 +63,7 @@
       </a-drawer>
     </template>
 
-    <template>
+    <template v-if="isDevelopmentMode">
       <drawer :visible="showSetting" placement="right">
         <div slot="handler">
           <a-button type="primary" size="large">
@@ -129,6 +129,9 @@ export default {
     ...mapState({
       mainMenu: state => state.permission.addRouters
     }),
+    isDevelopmentMode () {
+      return process.env.NODE_ENV === 'development'
+    },
     contentPaddingLeft () {
       if (!this.fixSidebar || this.isMobile()) {
         return '0'
diff --git a/ui/src/components/view/Setting.vue b/ui/src/components/view/Setting.vue
index 95f2cff28bab..6ad97097d371 100644
--- a/ui/src/components/view/Setting.vue
+++ b/ui/src/components/view/Setting.vue
@@ -108,7 +108,7 @@
       </a-list>
     </setting-item>
 
-    <div v-if="isDevelopmentMode" class="setting-action">
+    <div class="setting-action">
       <a-divider style="margin: 15px 0;" />
       <a-alert class="setting-action-alert" :message="$t('label.theme.alert')" type="warning" show-icon />
       <a-button
@@ -153,9 +153,6 @@ export default {
     projectView () {
       return Boolean(this.$store.getters.project && this.$store.getters.project.id)
     },
-    isDevelopmentMode () {
-      return process.env.NODE_ENV === 'development'
-    },
     pageStyles () {
       const arrStyle = [
         {