feature: profile page

Author: enricodeleo

auth/package-lock.json

@@ -1,16 +1,46 @@
 // Index.vue
 <template>
-  <div class="container">
-    Pagina profilo
+  <div class="page">
+    <section class="section">
+    <div class="container">
+      <h1 class="title">
+        Pagina profilo
+      </h1>
+    </div>
+  </section>
+    <section class="section">
+    <div class="container">
+      <div class="card">
+        <div class="card-content">
+          <div class="media">
+            <div class="media-left">
+              <figure class="image is-48x48">
+                <img :src="avatar" alt="Placeholder image">
+              </figure>
+            </div>
+            <div class="media-content">
+              <p class="title is-4">{{ name }}</p>
+              <p class="subtitle is-6">{{ email }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
   </div>
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
   name: 'ProfilePage',
 
   data() {
     return {
+      avatar: this.$store.state.user.avatar,
+      name: this.$store.state.user.name,
+      email: this.$store.state.user.email,
     };
   },
 }

auth/src/pages/Profile.vue

@@ -33,10 +33,10 @@ const router = new VueRouter({
  * Redirect to login if the user is not authenticated
  */
 router.beforeEach((to, from, next) => {
-  if (store.state.accessToken || to.name === 'login' ) {
-    next();
+  if (store.state.user.accessToken || to.name === 'login') {
+    return next();
   }
-  next('/login');
+  return next('/login');
 });
 
 Vue.use(VueRouter);

auth/src/router.js

@@ -38,9 +38,14 @@ const user = {
         body: JSON.stringify(loginData),
       });
       const response = await rawResponse.json();
-      commit('updateUser', response);
-      console.log(response);
-      router.push('/');
+
+      // Check if response is okay, otherwise back to login
+      if (response && response.accessToken) {
+        await commit('updateUser', response);
+        router.push('/profile');
+      } else {
+        router.push('/login');
+      }
     },
 
     doLogout({ commit }) {