From 96039b4ab9f625a67dd7467cc6a89b7c96fbd435 Mon Sep 17 00:00:00 2001
From: tusharmakkar08 <tusharmakkar08@gmail.com>
Date: Thu, 9 Apr 2020 14:26:28 +0530
Subject: [PATCH 1/2] Added username in localstorage

---
 frontend/components/organisms/layout/TheHeader.vue | 3 ++-
 frontend/store/auth.js                             | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/components/organisms/layout/TheHeader.vue b/frontend/components/organisms/layout/TheHeader.vue
index 2aaf87fd..8b0a39c9 100644
--- a/frontend/components/organisms/layout/TheHeader.vue
+++ b/frontend/components/organisms/layout/TheHeader.vue
@@ -99,7 +99,8 @@ export default {
         { title: 'Sentiment Analysis', link: 'sentiment-analysis' },
         { title: 'Translation', link: 'translation' },
         { title: 'Text to SQL', link: 'text-to-sql' }
-      ]
+      ],
+      username: localStorage.getItem('username')
     }
   },
 
diff --git a/frontend/store/auth.js b/frontend/store/auth.js
index b5371fd4..c98582cf 100644
--- a/frontend/store/auth.js
+++ b/frontend/store/auth.js
@@ -35,6 +35,7 @@ export const actions = {
         commit('setToken', result.data.token)
         commit('setUsername', authData.username)
         localStorage.setItem('token', result.data.token)
+        localStorage.setItem('username', authData.username)
         Cookie.set('jwt', result.data.token)
         ApiService.setHeader(result.data.token)
       })
@@ -64,6 +65,7 @@ export const actions = {
     Cookie.remove('jwt')
     if (process.client) {
       localStorage.removeItem('token')
+      localStorage.removeItem('username')
     }
   }
 }

From ef6154b5a1ce91bd5dc376b7beb322282cb4cce9 Mon Sep 17 00:00:00 2001
From: tusharmakkar08 <tusharmakkar08@gmail.com>
Date: Sat, 11 Apr 2020 23:59:59 +0530
Subject: [PATCH 2/2] Made getter

---
 frontend/components/organisms/layout/TheHeader.vue | 10 ++++------
 frontend/store/auth.js                             |  3 +++
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/components/organisms/layout/TheHeader.vue b/frontend/components/organisms/layout/TheHeader.vue
index 8b0a39c9..271e1ebd 100644
--- a/frontend/components/organisms/layout/TheHeader.vue
+++ b/frontend/components/organisms/layout/TheHeader.vue
@@ -67,7 +67,7 @@
         </v-btn>
       </template>
       <v-list>
-        <v-subheader>{{ username }}</v-subheader>
+        <v-subheader>{{ getUsername }}</v-subheader>
         <v-list-item @click="signout">
           <v-list-item-icon>
             <v-icon>mdi-logout</v-icon>
@@ -84,7 +84,7 @@
 </template>
 
 <script>
-import { mapGetters, mapActions, mapState } from 'vuex'
+import { mapGetters, mapActions } from 'vuex'
 import TheColorModeSwitcher from '@/components/organisms/layout/TheColorModeSwitcher'
 
 export default {
@@ -99,14 +99,12 @@ export default {
         { title: 'Sentiment Analysis', link: 'sentiment-analysis' },
         { title: 'Translation', link: 'translation' },
         { title: 'Text to SQL', link: 'text-to-sql' }
-      ],
-      username: localStorage.getItem('username')
+      ]
     }
   },
 
   computed: {
-    ...mapGetters('auth', ['isAuthenticated']),
-    ...mapState('auth', ['username'])
+    ...mapGetters('auth', ['isAuthenticated', 'getUsername'])
   },
 
   methods: {
diff --git a/frontend/store/auth.js b/frontend/store/auth.js
index c98582cf..7959b2f5 100644
--- a/frontend/store/auth.js
+++ b/frontend/store/auth.js
@@ -25,6 +25,9 @@ export const mutations = {
 export const getters = {
   isAuthenticated(state) {
     return state.token != null
+  },
+  getUsername() {
+    return localStorage.getItem('username')
   }
 }