Login and logout

src/components/shared/navBar.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- eslint-disable max-len -->
   <nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
-    <div class="container-fluid">
+    <div class="container">
       <button
         class="navbar-toggler collapsed"
         type="button"
@@ -16,12 +16,6 @@
         <span></span>
       </button>
       <a class="navbar-brand text-brand" @click="routerGoTo('/')">
-        <img
-          class="img-fluid"
-          src="/img/logos/UVProp.png"
-          alt="Voasa Logo"
-          style="width:90px;height:45px;"
-        />
         Uni-Vate
         <span class="color-b">Properties</span>
       </a>
@@ -220,16 +214,32 @@
         <span class="fa fa-search" aria-hidden="true"></span>
       </button>
     </div>
+    <span v-if="showLogout">
+      <a @click="logout()">Logout</a>
+    </span>
+    <span v-else></span>
   </nav>
 </template>
+
 <script>
-import { mapGetters } from 'vuex';
+import { mapGetters, mapActions } from 'vuex';
 
 export default {
-  computed: {},
+  data() {
+    return {};
+  },
+  computed: {
+    showLogout() {
+      return this.$store.state.authentication.status === 'success';
+    },
+    Logout() {
+      return this.$store.state.authentication.methods.logout;
+    },
+  },
 
   methods: {
     ...mapGetters('authentication', ['isLoggedIn']),
+    ...mapActions('authentication', ['logout']),
 
     routerGoTo(goTo) {
       console.log(goTo);

src/components/user/loginPage.vue

@@ -59,7 +59,6 @@
           <p v-if="user !== null">{{ user }}</p>
         </div>
       </form>
-
       <form id="forgot">
         <div class="form">
           <h5>Trouble signing in?</h5>

src/store/modules/user/authentication.js

@@ -6,7 +6,7 @@ Vue.use(Vuex);
 export default {
   namespaced: true,
   state: {
-    status: '123',
+    status: '',
     token: localStorage.getItem('token') || '',
     user: {},
   },
@@ -28,7 +28,7 @@ export default {
     },
   },
   getters: {
-    isLoggenIn: state => !!state.token,
+    isLoggedIn: state => !!state.token,
     authStatus: state => state.status,
   },
   actions: {
@@ -59,7 +59,6 @@ export default {
     }) {
       return new Promise(() => {
         commit('logout');
-        console.log('What');
         localStorage.removeItem('token');
         delete axios.defaults.headers.common.Authorization;
       });