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

Fixe - Header not fixed anymore - CreatorBanner Fixe top banner reaction fixe user.id

Browse Source
This commit is contained in:
PascalMarchesseault
2024-10-05 17:25:38 -04:00
parent 8a976edeec
commit 0963a395ca
3 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<v-app> <v-app>
<Header class="fixed w-full z-50 p-2 h-16"></Header> <Header class=" w-full z-50 p-2 h-16"></Header>
<div class="flex flex-row "> <div class="flex flex-row ">
@@ -12,7 +12,7 @@
</div> </div>
</transition> </transition>
<div class="flex flex-col w-full min-h-screen bg-amber"> <div class="flex flex-col w-full min-h-screen ">
<RouterView></RouterView> <RouterView></RouterView>
</div> </div>

12
src/views/contents/Reaction.vue
View File

@@ -49,8 +49,8 @@ async function reactToContent(reaction) {
const request = { const request = {
ContentId: contentId.value, ContentId: contentId.value,
reaction: reaction, reaction: reaction,
userId: userProfileStore.value.id, userId: userProfileStore.user.id,
userName: `${userProfileStore.value.firstName} ${userProfileStore.value.lastName}`, userName: `${userProfileStore.user.firstName} ${userProfileStore.user.lastName}`,
}; };
adjustReactionCount(reaction); adjustReactionCount(reaction);
await client.post("/api/content/reaction/", request); await client.post("/api/content/reaction/", request);
@@ -61,8 +61,8 @@ async function reactToContent(reaction) {
const requestAdd = { const requestAdd = {
ContentId: contentId.value, ContentId: contentId.value,
reaction: reaction, reaction: reaction,
userId: userProfileStore.value.id, userId: userProfileStore.user.id,
userName: `${userProfileStore.value.firstName} ${userProfileStore.value.lastName}`, userName: `${userProfileStore.user.firstName} ${userProfileStore.user.lastName}`,
}; };
adjustReactionCount(reaction); adjustReactionCount(reaction);
await client.post("/api/content/reaction/", requestAdd); await client.post("/api/content/reaction/", requestAdd);
@@ -71,7 +71,7 @@ async function reactToContent(reaction) {
} else { } else {
const requestRemove = { const requestRemove = {
ContentId: contentId.value, ContentId: contentId.value,
userId: userProfileStore.value.id, userId: userProfileStore.user.id,
}; };
adjustReactionCount(reaction); adjustReactionCount(reaction);
await client.post("/api/content/reaction/remove", requestRemove); await client.post("/api/content/reaction/remove", requestRemove);
@@ -168,7 +168,7 @@ function adjustReactionCount(newReaction) {
} }
function initializeReactions() { function initializeReactions() {
const userReaction = props.content.reactions.find((x) => x.userId === userProfileStore.value.id); const userReaction = props.content.reactions.find((x) => x.userId === userProfileStore.user.id);
if (userReaction) { if (userReaction) {
currentReaction.value = userReaction.reaction; currentReaction.value = userReaction.reaction;
hasReacted.value = true; hasReacted.value = true;

33
src/views/creators/CreatorBanner.vue
View File

@@ -1,24 +1,23 @@
<template> <template>
<div class="shadow-lg rounded-2xl" <div>
:style="{ backgroundColor: branding.value.colors.secondary}"> <div class="shadow-lg rounded-2xl ">
<div class="relative z-20"> <div class="relative z-20">
<div class="min-h-8 rounded-t-2xl shadow-lg" :style="{ backgroundColor: branding.value.colors.primary}"></div>
<!--Banner--> <!--Banner-->
<div class="relative"> <div class="relative">
<div> <div>
<img <img
class="w-full drop-shadow-[0_10px_6px_rgba(0,0,0,0.25)]" class="w-full drop-shadow-[0_10px_6px_rgba(0,0,0,0.25)]"
:src="branding.value.images.banner ? branding.value.images.banner : '/images/placeholders/banner.png'" :src="branding.value.images.banner ? branding.value.images.banner : '/images/placeholders/banner.png'"
alt="Profile Banner" alt="Profile Banner"
style="max-height: 425px" style="max-height: 425px"
> >
</div>
</div> </div>
</div> </div>
<!--actions - Lowerpart-->
<banner-actions></banner-actions>
</div> </div>
<!--actions - Lowerpart-->
<banner-actions></banner-actions>
</div> </div>
</template> </template>