diff --git a/src/lib/eventEmitter.ts b/src/lib/eventEmitter.ts index e2881c8d64a5167de706e390c861249261fa6f76..192bae462974b8f5ea30132e39f2cb4dc26c0b53 100644 --- a/src/lib/eventEmitter.ts +++ b/src/lib/eventEmitter.ts @@ -18,6 +18,7 @@ export function internalEmit(ns: string, event: string, ...args: any[]) { // Event structure: namespace/event /// Event List +// - MessageArea/jump_to_bottom // - MessageRenderer/edit_last // - MessageRenderer/edit_message // - Intermediate/open_profile diff --git a/src/pages/channels/messaging/MessageArea.tsx b/src/pages/channels/messaging/MessageArea.tsx index 2cc14690bbc58b61533aaf81f5ad3ef48ea0194a..23675f4d99dbf45908ac15561335248369039a69 100644 --- a/src/pages/channels/messaging/MessageArea.tsx +++ b/src/pages/channels/messaging/MessageArea.tsx @@ -12,7 +12,7 @@ import { } from "preact/hooks"; import { defer } from "../../../lib/defer"; -import { internalEmit } from "../../../lib/eventEmitter"; +import { internalEmit, internalSubscribe } from "../../../lib/eventEmitter"; import { SingletonMessageRenderer } from "../../../lib/renderer/Singleton"; import { RenderState, ScrollState } from "../../../lib/renderer/types"; @@ -132,6 +132,12 @@ export function MessageArea({ id }: Props) { const atTop = (offset = 0) => ref.current ? ref.current.scrollTop <= offset : false; + // ? Handle global jump to bottom, e.g. when editing last message in chat. + useEffect(() => { + return internalSubscribe('MessageArea', 'jump_to_bottom', + () => setScrollState({ type: 'ScrollToBottom' })); + }, []); + // ? Handle events from renderer. useEffect(() => { SingletonMessageRenderer.addListener("state", setState); diff --git a/src/pages/channels/messaging/MessageRenderer.tsx b/src/pages/channels/messaging/MessageRenderer.tsx index 91856852aa906a993926029f080a0c8bb9dc468b..d573578b29c2ed560960845a1c4ed1ec8c02ebdc 100644 --- a/src/pages/channels/messaging/MessageRenderer.tsx +++ b/src/pages/channels/messaging/MessageRenderer.tsx @@ -60,6 +60,7 @@ function MessageRenderer({ id, state, queue }: Props) { for (let i = state.messages.length - 1; i >= 0; i--) { if (state.messages[i].author === userId) { setEditing(state.messages[i]._id); + internalEmit('MessageArea', 'jump_to_bottom'); return; } }