29 lines
986 B
TypeScript
29 lines
986 B
TypeScript
|
import * as React from "bloatless-react";
|
||
|
|
|
||
|
|
import ChatMessageViewModel from "../../ViewModel/Chat/chatMessageViewModel";
|
||
|
|
import CoreViewModel from "../../ViewModel/Global/coreViewModel";
|
||
|
|
|
||
|
|
export function ReplyPreview(
|
||
|
|
coreViewModel: CoreViewModel,
|
||
|
|
chatMessageViewModel: ChatMessageViewModel,
|
||
|
|
) {
|
||
|
|
const scroll = () => {
|
||
|
|
chatMessageViewModel.scrollIntoView();
|
||
|
|
}
|
||
|
|
return (
|
||
|
|
<div class="reply-preview slide-up" on:click={scroll}>
|
||
|
|
<div>
|
||
|
|
<span class="secondary">{chatMessageViewModel.sender}</span>
|
||
|
|
<b class="ellipsis" subscribe:innerText={chatMessageViewModel.body}></b>
|
||
|
|
</div>
|
||
|
|
<button
|
||
|
|
class="standard square"
|
||
|
|
on:click={chatMessageViewModel.cancelReply}
|
||
|
|
aria-label={coreViewModel.translations.chatPage.message.cancelReplyAudioLabel}
|
||
|
|
>
|
||
|
|
<span class="icon">close</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|