Hides the subscriptions zone when there are none
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user