From a03d227f9279da858d0828367cbc7230122db87f Mon Sep 17 00:00:00 2001
From: Anna Tsyganova <ATSyganova@IBS.RU>
Date: Fri, 19 Aug 2022 21:50:38 +0300
Subject: SILABMC-263: Create theme button

---
 src/components/_sila/AppHeader/AppHeader.vue | 29 ++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

(limited to 'src/components/_sila/AppHeader')

diff --git a/src/components/_sila/AppHeader/AppHeader.vue b/src/components/_sila/AppHeader/AppHeader.vue
index 8d65b894..7af79129 100644
--- a/src/components/_sila/AppHeader/AppHeader.vue
+++ b/src/components/_sila/AppHeader/AppHeader.vue
@@ -183,6 +183,28 @@
                 </b-dropdown-group>
               </b-dropdown>
             </li>
+            <li class="nav-item header-nav">
+              <theme-button />
+              <!-- <b-nav-item class="header-nav">
+                <icon-sun />
+                <icon-moon />
+              </b-nav-item> -->
+              <!-- @click="initModalSettings" -->
+
+              <!-- <label for="checkbox" class="switch-label">
+               <span>🌙</span>
+                <span>☀️</span> 
+                <icon-sun  :title="$t('appHeader.titleProfile')" />
+                <icon-moon />
+
+                <div
+                  class="switch-toggle"
+                  :class="{
+                    'switch-toggle-checked': userTheme === 'dark-theme',
+                  }"
+                ></div> 
+              </label>-->
+            </li>
             <li class="nav-item header-nav">
               <b-dropdown
                 id="app-header-user"
@@ -224,6 +246,10 @@ import IconRenew from '@carbon/icons-vue/es/renew/20';
 import IconNotification from '@carbon/icons-vue/es/notification/20';
 import StatusIcon from '@/components/Global/StatusIcon';
 import LoadingBar from '@/components/Global/LoadingBar';
+import ThemeButton from '@/components/_sila/Global/ThemeButton';
+
+// import IconSun from '@carbon/icons-vue/es/sun/20';
+// import IconMoon from '@carbon/icons-vue/es/moon/20';
 
 export default {
   name: 'AppHeader',
@@ -235,6 +261,9 @@ export default {
     StatusIcon,
     LoadingBar,
     IconNotification,
+    ThemeButton,
+    // IconSun,
+    // IconMoon,
   },
   mixins: [BVToastMixin],
   props: {
-- 
cgit v1.2.3