lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: improved message displaying

Browse source
This commit is contained in:
Lukian LEIZOUR 2025-04-18 18:56:56 +02:00
parent 5940535f02
commit 4a687c3ba5
1 changed files with 28 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

33
front/src/components/MessageComponent.tsx
View file

@ -9,6 +9,32 @@ export default function MessageComponent({ message, user, channel, deleteMessage
channel: Channel | undefined;
deleteMessage: ((messageId: number) => void) | undefined;
}) {
function getMessageArray(message: Message) {
const array = []
var string = ''
message.content.split(" ").forEach((word) => {
console.log(word)
if (word.startsWith("@")) {
const mention = message.mentions.find((mention) => `@${mention.username}` === word);
if (mention) {
array.push(string)
string = ''
array.push(word)
} else {
string += word + " "
}
} else if (word.startsWith("https://") || word.startsWith("http://")) {
array.push(string)
string = ''
array.push(word)
} else {
string += word + " "
}
});
array.push(string)
return array.filter((word) => word !== '');
}
return (
<div key={message.id} className="message">
@ -17,12 +43,9 @@ export default function MessageComponent({ message, user, channel, deleteMessage
<div className="message-content-right">
<span><Link to={`/u/${message.username}`}>{message.username}</Link> {new Date(message.date * 1000).toLocaleString()}</span>
<div className="message-text">
{message.content.split(" ").map((word, index) => {
{getMessageArray(message).map((word, index) => {
if (word.startsWith("@")) {
const mention = message.mentions.find((mention) => `@${mention.username}` === word);
if (mention) {
return <span key={index} ><Link to={`/u/${mention.username}`}>{word}</Link> </span>;
}
return <span key={index} ><Link to={`/u/${word.substring(1)}`}>{word}</Link> </span>
} else if (word.startsWith("https://") || word.startsWith("http://")) {
return <span key={index} ><Link to={word}>{word}</Link> </span>
}