From 88a3837b6bc511e950cbcef209a720e6d2c54e0f Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Wed, 30 Nov 2022 08:35:26 -0400
Subject: [PATCH] Save dark theme prefs

---
 server/package-lock.json              |  4 ++--
 server/package.json                   |  2 +-
 web/package-lock.json                 |  4 ++--
 web/package.json                      |  2 +-
 web/src/App.vue                       |  4 ++++
 web/src/components/ThemeToggleBtn.vue | 10 ++++++++--
 6 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/server/package-lock.json b/server/package-lock.json
index 69ac2f9..27998af 100755
--- a/server/package-lock.json
+++ b/server/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ifms-pti-svr",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ifms-pti-svr",
-      "version": "3.3.7",
+      "version": "3.3.8",
       "license": "ISC",
       "dependencies": {
         "@prisma/client": "^4.2.1",
diff --git a/server/package.json b/server/package.json
index dba3edc..0c82287 100755
--- a/server/package.json
+++ b/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ifms-pti-svr",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Servidor do Portal de TI do IFMS",
   "main": "src/index.js",
   "prisma": {
diff --git a/web/package-lock.json b/web/package-lock.json
index dfeea01..b8f606a 100755
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ifms-pti",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ifms-pti",
-      "version": "3.3.7",
+      "version": "3.3.8",
       "dependencies": {
         "@mdi/font": "^6.6.96",
         "apollo-link-ws": "^1.0.20",
diff --git a/web/package.json b/web/package.json
index 8ad40a0..27d27ae 100755
--- a/web/package.json
+++ b/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ifms-pti",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/web/src/App.vue b/web/src/App.vue
index 6a7b7cd..5a80044 100755
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -65,6 +65,10 @@ export default {
     }
   },
   mounted() {
+    if (localStorage.getItem('dark') == 'true') {
+      this.$vuetify.theme.dark = true
+    }
+
     if (
       window.matchMedia &&
       window.matchMedia('(prefers-color-scheme: dark)').matches
diff --git a/web/src/components/ThemeToggleBtn.vue b/web/src/components/ThemeToggleBtn.vue
index d927e65..77bf749 100755
--- a/web/src/components/ThemeToggleBtn.vue
+++ b/web/src/components/ThemeToggleBtn.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-btn text @click="$vuetify.theme.dark = !$vuetify.theme.dark">
+  <v-btn text @click="toggleTheme">
     <v-icon :color="$vuetify.theme.dark ? 'blue darken-1' : 'yellow darken-4'">
       mdi-theme-light-dark
     </v-icon>
@@ -7,6 +7,12 @@
 </template>
 <script>
 export default {
-  name: 'ThemeTogglerBtn'
+  name: 'ThemeTogglerBtn',
+  methods: {
+    toggleTheme() {
+      this.$vuetify.theme.dark = !this.$vuetify.theme.dark
+      localStorage.setItem('dark', this.$vuetify.theme.dark)
+    }
+  }
 }
 </script>