4nk/ihm_client
5
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

js_fixed

Browse Source
This commit is contained in:
Pascal 2025-01-07 19:35:37 +01:00 committed by NicolasCantu
parent 642fe922b4
commit e711ab4a81
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/chat/chat.ts
View File

@ -242,15 +242,13 @@ class ChatElement extends HTMLElement {
time: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
type: 'text' as const
};
// Add and display the message immediately
messageStore.addMessage(this.selectedMemberId, newMessage);
this.messagesMock = messageStore.getMessages();
this.loadMemberChat(this.selectedMemberId);
// Reset the input
messageInput.value = '';
// Automatic response after 2 seconds
setTimeout(() => {
if (this.selectedMemberId) {
const autoReply = {
@ -268,7 +266,6 @@ class ChatElement extends HTMLElement {
}, 2000);
}
// Scroll down the conversation after loading messages
private scrollToBottom(container: Element) {
(container as HTMLElement).scrollTop = (container as HTMLElement).scrollHeight;
}
@ -301,8 +298,11 @@ class ChatElement extends HTMLElement {
messageContent.innerHTML = `<a href="${message.fileData}" download="${message.fileName}" target="_blank">${message.fileName}</a>`;
messageContent.classList.add('user');
} else {
const senderEmojis = await addressToEmoji(memberAddress);
messageContent.innerHTML = `<strong>${senderEmojis}</strong>: ${message.text} <span style="float: right;">${message.time}</span>`;
const senderDisplay = message.sender === "4NK"
? "Me"
: await addressToEmoji(memberAddress);
messageContent.innerHTML = `<strong>${senderDisplay}</strong>: ${message.text} <span style="float: right;">${message.time}</span>`;
if (message.sender === "4NK") {
messageContent.classList.add('user');
}