From c53f70294fdab41808fe58c0a84e764c7b35143f Mon Sep 17 00:00:00 2001
From: Efraim Munthe <efrayanglain@gmail.com>
Date: Wed, 28 Aug 2024 22:19:29 +0700
Subject: [PATCH] move admin link to navbar

---
 components/TheFooter.vue | 13 ++++---------
 components/TheNavbar.vue |  6 +++++-
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index 1ebf889..69c0227 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -1,19 +1,14 @@
 <template>
-  <footer>
+  <footer class="dark:bg-surface-800">
     <p>Klrfl, 2023.</p>
-    <a href="https://github.com/pplg-smkmetland/metschoo-library">This website on Github</a>
-    <NuxtLink to="/admin"> masuk ke admin </NuxtLink>
+    <a class="block" href="https://github.com/pplg-smkmetland/metschoo-library">
+      This website on Github
+    </a>
   </footer>
 </template>
 
 <style scoped>
 footer {
-  background: #222;
-  color: #ddd;
   padding: 2rem;
 }
-
-footer a {
-  display: block;
-}
 </style>
diff --git a/components/TheNavbar.vue b/components/TheNavbar.vue
index 36ac86b..b503ffd 100644
--- a/components/TheNavbar.vue
+++ b/components/TheNavbar.vue
@@ -12,6 +12,7 @@ function closeNav() {
 }
 
 const user = useSupabaseUser()
+const isAdmin = computed(() => user.value.app_metadata.role === "super-admin")
 </script>
 
 <template>
@@ -43,9 +44,12 @@ const user = useSupabaseUser()
       <li v-if="!user">
         <NuxtLink to="/login" class="nav-link nav-link--cta"> Masuk </NuxtLink>
       </li>
-      <li v-else>
+      <li v-if="!isAdmin">
         <NuxtLink to="/profil" class="nav-link nav-link--cta"> Profil </NuxtLink>
       </li>
+      <li v-else>
+        <NuxtLink to="/admin" class="nav-link nav-link--cta"> Admin </NuxtLink>
+      </li>
     </ul>
 
     <button ref="openNavBtn" class="nav-btn open" @click="openNav">