VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve messagePage

Browse Source
This commit is contained in:
marlon-erler
2024-07-21 01:53:25 +02:00
parent c97b38dcd6
commit 727c80191c
7 changed files with 207 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/View/ChatPages/messagePage.tsx
+22 -16
View File
@@ -30,7 +30,7 @@ export function MessagePage(chatViewModel: ChatViewModel) {
scrollDown();
}
chatViewModel.chatMessageViewModels.subscribeSilent(scrollDownIfApplicable);
setTimeout(() => scrollDown(), 100)
setTimeout(() => scrollDown(), 100);
return (
<div id="message-page">
@@ -40,21 +40,27 @@ export function MessagePage(chatViewModel: ChatViewModel) {
<div class="content">
{messageContainer}
<div id="composer">
<input
bind:value={chatViewModel.composingMessage}
on:enter={chatViewModel.sendMessage}
placeholder={translations.chatPage.message.composerInputPlaceholder}
></input>
<button
class="primary"
aria-label={
translations.chatPage.message.sendMessageButtonAudioLabel
}
on:click={chatViewModel.sendMessage}
toggle:disabled={chatViewModel.cannotSendMessage}
>
<span class="icon">send</span>
</button>
<div class="content-width-constraint">
<div class="input-width-constraint">
<input
bind:value={chatViewModel.composingMessage}
on:enter={chatViewModel.sendMessage}
placeholder={
translations.chatPage.message.composerInputPlaceholder
}
></input>
<button
class="primary"
aria-label={
translations.chatPage.message.sendMessageButtonAudioLabel
}
on:click={chatViewModel.sendMessage}
toggle:disabled={chatViewModel.cannotSendMessage}
>
<span class="icon">send</span>
</button>
</div>
</div>
</div>
</div>
</div>