exclude navbar from specific routes

Author: supalarry

frontend/src/components/shared/NavBar.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- eslint-disable max-len -->
   <!-- eslint-disable vue/no-deprecated-v-on-native-modifier -->
-  <nav class="md:flex md:justify-between md:items-center md:py-5">
+  <nav v-if="showNavigationBar" class="md:flex md:justify-between md:items-center md:py-5">
     <div class="flex items-center justify-between px-5 py-3 md:p-0 w-full">
       <div id="logo">
         <router-link to="/">
@@ -50,6 +50,17 @@ export default {
     return {
       isOpen: false,
       route: null,
+      dontShowOn: [
+        'SignUp',
+        'SignIn',
+        'ForgotPassword',
+        'ResetPassword',
+        'ResetPasswordError',
+        'AccountVerified',
+        'AccountVerifiedError',
+        'Onboarding',
+        'SignOut',
+      ],
     };
   },
   methods: {
@@ -71,6 +82,9 @@ export default {
     currentRoute() {
       return this.route;
     },
+    showNavigationBar() {
+      return this.dontShowOn.indexOf(this.route) === -1;
+    },
   },
   beforeMount() {
     this.route = this.$router.currentRoute.name;

frontend/src/components/shared/NavBarBell.vue

@@ -71,8 +71,6 @@ export default {
   methods: {
     async linkTo(type, link) {
       await this.toggle();
-      console.log(type);
-      console.log(this.$route.path);
       if (type === 'match' || type === 'message' || type === 'message_like') {
         if (this.$route.path !== '/matches') {
           await this.$router.push('/matches');

frontend/src/router/index.js

@@ -141,6 +141,7 @@ const routes = [
   {
     path: '/accounts/signout',
     component: SignOut,
+    name: 'SignOut',
     beforeEnter: notLoggedInRedirectLogin,
   },
 ];