imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Focus and clear content after sending a message

Browse source
This commit is contained in:
Florian Duros 2022-10-07 10:52:19 +02:00
parent 1d820cf837
commit a50329fb97
No known key found for this signature in database
GPG key ID: 9700AA5870258A0B
1 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/views/rooms/wysiwyg_composer/WysiwygComposer.tsx
View file

@ -40,18 +40,20 @@ export function WysiwygComposer(
const mxClient = useMatrixClientContext(); const mxClient = useMatrixClientContext();
const [content, setContent] = useState<string>(); const [content, setContent] = useState<string>();
const { ref, isWysiwygReady } = useWysiwyg({ onChange: (_content) => { const { ref, isWysiwygReady, wysiwyg } = useWysiwyg({ onChange: (_content) => {
setContent(_content); setContent(_content);
onChange(_content); onChange(_content);
} }); } });
const memoizedSendMessage = useCallback(() => sendMessage(content, mxClient, { roomContext, ...props }), const memoizedSendMessage = useCallback(() => {
[content, mxClient, roomContext, props], sendMessage(content, mxClient, { roomContext, ...props });
); wysiwyg.clear();
ref.current?.focus();
}, [content, mxClient, roomContext, wysiwyg, props, ref]);
return ( return (
<> <>
<div className="mx_SendMessageComposer" style={{ minHeight: '30px' }} ref={ref} contentEditable={!disabled && isWysiwygReady} /> <div className="mx_SendMessageComposer" style={{ minHeight: '30px', marginBottom: '5px' }} ref={ref} contentEditable={!disabled && isWysiwygReady} />
{ children?.(memoizedSendMessage) } { children?.(memoizedSendMessage) }
</> </>
); );