jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

I added the button and the modal to create a post in a new .vue file to better organize everything.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-07-13 18:20:47 -04:00
committed by Jonathan Bourdon
parent c069753d1b
commit 7794f126d0
3 changed files with 116 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/creators/CreatorPage.vue
View File

@@ -1,47 +1,44 @@
<template>
<div v-if="creator && creator.id">
<creator-banner :creator="creator"></creator-banner>
<creator-banner :creator="creator"></creator-banner>
<DonationPopup :creator-id="creator.id"></DonationPopup>
<div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
<div class="w-full mt-20">
<v-card-text>
<v-tabs-window v-model="tab">
<v-tabs-window-item value="content">
<div class="w-full h-full p-6">
<ContentList v-if="creator.id"
:creator-id="creator.id">
</ContentList>
</div>
</v-tabs-window-item>
<v-tabs-window-item value="community">
<div>
<div class="border-b-2 p-6">
<PostMessage v-if="creator.id"
:content-id="creator.id">
</PostMessage>
<div class="w-full mt-20">
<v-card-text>
<v-tabs-window v-model="tab">
<v-tabs-window-item value="content">
<div class="w-full h-full p-6">
<ContentList v-if="creator.id"
:creator-id="creator.id">
</ContentList>
</div>
</v-tabs-window-item>
<div class="border-b p-6">
<h2 class="font-sans font-semibold">Commentaires</h2>
<MessageList v-if="creator.id"
:content-id="creator.id">
</MessageList>
<v-tabs-window-item value="community">
<div>
<div class="border-b-2 p-6">
<PostMessage v-if="creator.id"
:content-id="creator.id">
</PostMessage>
</div>
<div class="border-b p-6">
<h2 class="font-sans font-semibold">Commentaires</h2>
<MessageList v-if="creator.id"
:content-id="creator.id">
</MessageList>
</div>
</div>
</div>
</v-tabs-window-item>
</v-tabs-window-item>
</v-tabs-window>
</v-card-text>
</div>
</v-tabs-window>
</v-card-text>
</div>
</div>
</div>
<!-- Fallback when user try to access a non-existing creator -->
@@ -69,6 +66,8 @@ import MessageList from "@/views/messages/MessageList.vue";
import ContentList from "@/views/contents/ContentList.vue";
import PostMessage from "@/views/messages/PostMessage.vue";
import DonationPopup from "@/views/main/DonationPopup.vue";
import CreatorFeed from "@/views/main/CreatorFeed.vue";
import CreatePostButton from "@/views/creators/CreatePostButton.vue";
const client = useClient();
const route = useRoute();
@@ -77,7 +76,7 @@ const creator = ref(null);
const loading = ref(true);
const tab = ref();
onBeforeMount(async() => {
onBeforeMount(async () => {
setTimeout(() => {
loading.value = false;
}, 1500);