move admin link to navbar

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>

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">