From fc6df0a6b112e49f063525a1999bc2c4d3d70b7c Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Thu, 29 Jul 2021 17:03:25 +0200
Subject: [PATCH] add a Login button to the header

---
 src/components/layout/TheHeader.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/TheHeader.vue b/src/components/layout/TheHeader.vue
index 57348f6..d593e1a 100644
--- a/src/components/layout/TheHeader.vue
+++ b/src/components/layout/TheHeader.vue
@@ -6,14 +6,27 @@
         <li>
           <router-link to="/coaches">All Coaches</router-link>
         </li>
-        <li>
+        <li v-if="isLoggedIn">
           <router-link to="/requests">Requests</router-link>
         </li>
+        <li v-else>
+          <router-link to="/auth">Login</router-link>
+        </li>
       </ul>
     </nav>
   </header>
 </template>
 
+<script>
+export default {
+  computed: {
+    isLogggedIn() {
+      return this.$store.getters.isAuthenticated;
+    }
+  }
+};
+</script>
+
 <style scoped>
 header {
   width: 100%;