From e22f7743850724551d8e62937e6374f88056c2da Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Tue, 9 Jun 2020 16:39:40 +0200
Subject: [PATCH] Use auth store

---
 frontend/components/Navbar.vue | 27 ++++++++++++++-------------
 frontend/store/index.js        | 10 +---------
 2 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/frontend/components/Navbar.vue b/frontend/components/Navbar.vue
index 4505b2e..770595e 100644
--- a/frontend/components/Navbar.vue
+++ b/frontend/components/Navbar.vue
@@ -17,17 +17,18 @@
             </template>
 
             <v-list>
-                <client-only>
-                    <v-list-item v-if="isAuthenticated" to="/notes">
-                        My notes
-                    </v-list-item>
-                    <v-list-item v-if="isAuthenticated" @click="logout">
-                        Logout
-                    </v-list-item>
-                    <v-list-item v-else>
-                        <v-btn to="/account" text rounded>Account</v-btn>
-                    </v-list-item>
-                </client-only>
+                <v-list-item
+                    v-if="loggedIn && !$route.path.includes('/notes')"
+                    to="/notes"
+                >
+                    My notes
+                </v-list-item>
+                <v-list-item v-if="loggedIn" @click="logout">
+                    Logout
+                </v-list-item>
+                <v-list-item v-else>
+                    <v-btn to="/account" text rounded>Account</v-btn>
+                </v-list-item>
             </v-list>
         </v-menu>
     </v-app-bar>
@@ -35,7 +36,7 @@
 
 <script>
 import { mdiDotsVertical, mdiBrightness5, mdiBrightness2 } from '@mdi/js'
-import { mapGetters } from 'vuex'
+import { mapState } from 'vuex'
 
 export default {
     name: 'Navbar',
@@ -45,7 +46,7 @@ export default {
         mdiBrightness2,
     }),
     computed: {
-        ...mapGetters(['isAuthenticated', 'loggedInUser']),
+        ...mapState('auth', ['loggedIn']),
     },
     methods: {
         async logout() {
diff --git a/frontend/store/index.js b/frontend/store/index.js
index 3c1c180..6358304 100644
--- a/frontend/store/index.js
+++ b/frontend/store/index.js
@@ -4,12 +4,4 @@ export const mutations = {}
 
 export const actions = {}
 
-export const getters = {
-    isAuthenticated(state) {
-        return state.auth.loggedIn
-    },
-
-    loggedInUser(state) {
-        return state.auth.user
-    },
-}
+export const getters = {}