add inline replies, ui improvements, rename ViewPersistence->ViewController, add scroll method and highlight

2026-04-14 13:15:38 +00:00
parent 634e898317
commit f4a3450b14
19 changed files with 508 additions and 122 deletions
@@ -0,0 +1,28 @@
+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>
+    );
+}