From d416c82ad41d0e59d192b2e6b21283517c6f8355 Mon Sep 17 00:00:00 2001
From: Denis Gukov <denguk@gmail.com>
Date: Thu, 23 Jun 2022 20:00:45 +0500
Subject: [PATCH] feat(fe): store dark mode flag in local storage

---
 web2/src/App.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/web2/src/App.vue b/web2/src/App.vue
index 6fcf9407..edaa7521 100644
--- a/web2/src/App.vue
+++ b/web2/src/App.vue
@@ -105,7 +105,7 @@
     <v-navigation-drawer
         app
         dark
-        :color="$vuetify.theme.dark ? '#003236' : '#005057'"
+        :color="darkMode ? '#003236' : '#005057'"
         fixed
         width="260"
         v-model="drawer"
@@ -276,7 +276,7 @@
             <v-list class="pa-0">
               <v-list-item>
                 <v-switch
-                  v-model="$vuetify.theme.dark"
+                  v-model="darkMode"
                   inset
                   label="Dark Mode"
                   persistent-hint
@@ -573,6 +573,7 @@ export default {
       taskLogDialog: null,
       task: null,
       template: null,
+      darkMode: false,
     };
   },
 
@@ -595,6 +596,15 @@ export default {
         }
       }
     },
+
+    darkMode(val) {
+      this.$vuetify.theme.dark = val;
+      if (val) {
+        localStorage.setItem('darkMode', '1');
+      } else {
+        localStorage.removeItem('darkMode');
+      }
+    },
   },
 
   computed: {
@@ -631,6 +641,10 @@ export default {
       return;
     }
 
+    if (localStorage.getItem('darkMode') === '1') {
+      this.darkMode = true;
+    }
+
     try {
       await this.loadData();
       this.state = 'success';