cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-29 02:10:59 -05:00
Code Issues Projects Releases Packages Wiki Activity

feat(messaging): hide new message bar on esc or sent message

Browse source
This commit is contained in:
Paul 2021-12-24 17:20:05 +00:00
parent b2c24d33ed
commit af3eb754f7
3 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/common/messaging/MessageBox.tsx
View file

@ -192,6 +192,7 @@ export default observer(({ channel }: Props) => {
if (uploadState.type === "attached") return sendFile(content); if (uploadState.type === "attached") return sendFile(content);
if (content.length === 0) return; if (content.length === 0) return;
internalEmit("NewMessages", "hide");
stopTyping(); stopTyping();
setMessage(); setMessage();
setReplies([]); setReplies([]);

11
src/components/common/messaging/bars/NewMessages.tsx
View file

@ -6,6 +6,7 @@ import { decodeTime } from "ulid";
import { useEffect, useState } from "preact/hooks"; import { useEffect, useState } from "preact/hooks";
import { internalSubscribe } from "../../../../lib/eventEmitter";
import { getRenderer } from "../../../../lib/renderer/Singleton"; import { getRenderer } from "../../../../lib/renderer/Singleton";
import { dayjs } from "../../../../context/Locale"; import { dayjs } from "../../../../context/Locale";
@ -15,7 +16,17 @@ import { Bar } from "./JumpToBottom";
export default observer( export default observer(
({ channel, last_id }: { channel: Channel; last_id?: string }) => { ({ channel, last_id }: { channel: Channel; last_id?: string }) => {
const [hidden, setHidden] = useState(false); const [hidden, setHidden] = useState(false);
const hide = () => setHidden(true);
useEffect(() => setHidden(false), [last_id]); useEffect(() => setHidden(false), [last_id]);
useEffect(() => internalSubscribe("NewMessages", "hide", hide), []);
useEffect(() => {
const onKeyDown = (e: KeyboardEvent) =>
e.key === "Escape" && hide();
document.addEventListener("keydown", onKeyDown);
return () => document.removeEventListener("keydown", onKeyDown);
}, []);
const renderer = getRenderer(channel); const renderer = getRenderer(channel);
const history = useHistory(); const history = useHistory();

1
src/lib/eventEmitter.ts
View file

@ -29,3 +29,4 @@ export function internalEmit(ns: string, event: string, ...args: unknown[]) {
// - ReplyBar/add // - ReplyBar/add
// - Modal/close // - Modal/close
// - PWA/update // - PWA/update
// - NewMessages/hide