From 7a59000a4192bd511148fbe2b747014af67aea00 Mon Sep 17 00:00:00 2001
From: Kevin Thomas <me@kevinthomas.dev>
Date: Tue, 5 Apr 2022 21:32:45 -0700
Subject: [PATCH] Move dark mode toggle to account page

---
 src/components/Account.vue | 6 ++++++
 src/components/AppBar.vue  | 8 --------
 src/components/account.js  | 5 +++++
 src/components/appbar.js   | 5 -----
 4 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/Account.vue b/src/components/Account.vue
index 25841d1..a904fd0 100644
--- a/src/components/Account.vue
+++ b/src/components/Account.vue
@@ -77,6 +77,12 @@
       </v-form>
     </v-dialog>
 
+    <v-switch
+      v-model="$vuetify.theme.dark"
+      label="Dark Mode"
+      @change="toggleDarkMode"
+    />
+
     <v-snackbar
       v-model="snackbar"
       timeout="3000"
diff --git a/src/components/AppBar.vue b/src/components/AppBar.vue
index 219badd..772f403 100644
--- a/src/components/AppBar.vue
+++ b/src/components/AppBar.vue
@@ -61,14 +61,6 @@
               Logout
             </v-list-item-title>
           </v-list-item>
-          <v-list-item>
-            <v-switch
-              v-model="$vuetify.theme.dark"
-              label="Dark Mode"
-              :disabled="!loggedIn"
-              @change="toggleDarkMode"
-            />
-          </v-list-item>
         </v-list-item-group>
       </v-list>
       <template v-slot:append>
diff --git a/src/components/account.js b/src/components/account.js
index dc76cb3..c1790c3 100644
--- a/src/components/account.js
+++ b/src/components/account.js
@@ -40,6 +40,11 @@ export default {
       if (this.$refs.changePasswordForm) {
         this.$refs.changePasswordForm.reset()
       }
+    },
+    toggleDarkMode () {
+      this.$http.patch('/users/dark-mode', {
+        darkMode: this.$vuetify.theme.dark
+      })
     }
   }
 }
diff --git a/src/components/appbar.js b/src/components/appbar.js
index 24788a1..f4f5929 100644
--- a/src/components/appbar.js
+++ b/src/components/appbar.js
@@ -38,11 +38,6 @@ export default {
         .catch(() => {
           this.isAdmin = false
         })
-    },
-    toggleDarkMode () {
-      this.$http.patch('/users/dark-mode', {
-        darkMode: this.$vuetify.theme.dark
-      })
     }
   }
 }