From 6311969b45ae8606a46065391a5bd46f4562e7a9 Mon Sep 17 00:00:00 2001
From: Daniel-I-Am <djdecloet@gmail.com>
Date: Thu, 2 Sep 2021 13:51:35 +0200
Subject: [PATCH] Add admin nav if authenticated

---
 resources/js/components/SiteNav.vue | 19 +++++++++++++++++++
 resources/scss/_header.scss         |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/SiteNav.vue b/resources/js/components/SiteNav.vue
index 885acee..86dac9a 100644
--- a/resources/js/components/SiteNav.vue
+++ b/resources/js/components/SiteNav.vue
@@ -9,5 +9,24 @@
         <li class="nav-item">
             <router-link :to="{ name: 'contact' }">Contact</router-link>
         </li>
+        <li class="nav-item" v-if="admin">
+            <a href="/admin">Admin</a>
+        </li>
     </ul>
 </template>
+
+<script>
+export default {
+    data() {
+        return {
+            admin: false,
+        };
+    },
+    mounted() {
+        axios.get('/api/auth')
+            .then(res => {
+                this.admin = res.data.status;
+            });
+    }
+}
+</script>
diff --git a/resources/scss/_header.scss b/resources/scss/_header.scss
index 23d5ae3..cc5daae 100644
--- a/resources/scss/_header.scss
+++ b/resources/scss/_header.scss
@@ -31,7 +31,7 @@ header {
 
   .site-nav {
     flex-grow: 1;
-    max-width: 200px;
+    max-width: 250px;
 
     .nav-items {
       display: flex;