From ee15e84bf264ac5effb12d96c3490e94ceaa3df9 Mon Sep 17 00:00:00 2001
From: Eli <31790206+elihuansen@users.noreply.github.com>
Date: Fri, 9 Oct 2020 16:00:41 +0800
Subject: [PATCH] Fix pending user broken login and page layout (#127)

* Fix to route to /pending

* Remove page header if user has 'pending' role
---
 sadeaf-web/layouts/default.vue | 2 +-
 sadeaf-web/pages/index.vue     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/sadeaf-web/layouts/default.vue b/sadeaf-web/layouts/default.vue
index 5a998f7..e134adf 100644
--- a/sadeaf-web/layouts/default.vue
+++ b/sadeaf-web/layouts/default.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="layout">
     <el-container v-if="user" style="height: 100%">
-      <el-header>
+      <el-header v-if="user.role !== 'pending'">
         <admin-navbar v-if="userType === 'admin'" />
         <client-navbar v-else-if="userType === 'client'" />
         <volunteer-navbar v-else-if="userType === 'volunteer'" />
diff --git a/sadeaf-web/pages/index.vue b/sadeaf-web/pages/index.vue
index fa38479..b124422 100644
--- a/sadeaf-web/pages/index.vue
+++ b/sadeaf-web/pages/index.vue
@@ -17,7 +17,7 @@ export default {
   },
   methods: {
     navigateToRoleHome() {
-      this.$router.replace(ROLE_PROFILE_PAGE_MAPPING[this.userType]);
+      this.$router.replace(ROLE_PROFILE_PAGE_MAPPING[this.userType] || '/pending');
     },
   },
   computed: {