gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

feat: add author and logged-in user (me) as props for Message component

Browse source
This commit is contained in:
SauceyRed 2025-07-10 23:59:08 +02:00
parent b28920898c
commit c746f816d8
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/Message.vue
View file

@ -1,13 +1,13 @@
<template>
<div @click="emitId" v-if="props.type == 'normal'" :id="props.last ? 'last-message' : undefined" class="message normal-message" :data-message-id="props.messageId">
<div class="left-column">
<img v-if="props.img" class="message-author-avatar" :src="props.img" :alt="username" />
<img v-if="props.img" class="message-author-avatar" :src="props.img" :alt="author?.display_name || author?.username" />
<Icon v-else name="lucide:user" class="message-author-avatar" />
</div>
<div class="message-data">
<div class="message-metadata">
<span class="message-author-username" tabindex="0">
{{ username }}
{{ author?.display_name || author?.username }}
</span>
<span class="message-date" :title="date.toString()">
{{ date.toLocaleTimeString(undefined, { timeStyle: "short" }) }}
@ -52,7 +52,7 @@ const dateHidden = ref<boolean>(true);
const date = new Date(props.timestamp);
console.log("message:", props.text);
console.log("author:", props.username);
console.log("author:", props.author);
const sanitized = ref<string>();