cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-24 22:52:09 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fluff: Jump to bottom when editing last message in chat. (up arrow)

Browse source
This commit is contained in:
Paul 2021-07-06 23:03:29 +01:00
parent 9bbbf5ffc8
commit 8cfbe1ca3f
3 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/lib/eventEmitter.ts
View file

@ -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

8
src/pages/channels/messaging/MessageArea.tsx
View file

@ -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);

1
src/pages/channels/messaging/MessageRenderer.tsx
View file

@ -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;
}
}