Hides the subscriptions zone when there are none

This commit is contained in:
Jonathan Bourdon
2024-08-04 03:22:34 -04:00
parent d23c565770
commit a4f6605bf8

View File

@@ -1,6 +1,9 @@
<script setup> <script setup>
import SiteMenu from "@/views/main/SiteMenu.vue"; import SiteMenu from "@/views/main/SiteMenu.vue";
import SubscriptionList from "@/views/creators/SubscriptionList.vue"; import SubscriptionList from "@/views/creators/SubscriptionList.vue";
import {useAuthStore} from "@/stores/authStore.js";
const authStore = useAuthStore()
</script> </script>
<template> <template>
@@ -9,20 +12,21 @@ import SubscriptionList from "@/views/creators/SubscriptionList.vue";
<nav class="h-full grid grid-rows-[60px_1fr_auto]"> <nav class="h-full grid grid-rows-[60px_1fr_auto]">
<div></div> <div></div>
<div class="pt-4 px-4"> <div v-if="authStore.isAuthenticated" class="pt-4 px-4">
<h2>Abonnements</h2> <h2>Abonnements</h2>
<subscription-list> <subscription-list>
<template v-slot:default> <template v-slot:default>
<span>Aucun abonnement</span> <span>Aucun abonnement</span>
</template> </template>
</subscription-list> </subscription-list>
</div>
<div v-else>
</div> </div>
<div class="border-t w-full py-10"> <div class="border-t w-full py-10">
<SiteMenu></SiteMenu> <SiteMenu></SiteMenu>
</div> </div>
</nav> </nav>
</aside> </aside>
</template> </template>