aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-18 22:44:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: support Ctrl+Enter post in reply

Browse Source
This commit is contained in:
Shusui MOYATANI
2023-03-07 21:13:44 +09:00
parent e2cb527fcf
commit 410b18d3a2
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/NotePostForm.tsx
View File

@@ -25,7 +25,7 @@ const NotePostForm: Component<NotePostFormProps> = (props) => {
submit();
};
const handleKeyDown: JSX.EventHandler<HTMLFormElement, KeyboardEvent> = (ev) => {
const handleKeyDown: JSX.EventHandlerUnion<HTMLTextAreaElement, KeyboardEvent> = (ev) => {
if (ev.key === 'Enter' && (ev.ctrlKey || ev.metaKey)) {
submit();
}

17
src/components/ReplyPostForm.tsx
View File

@@ -18,13 +18,23 @@ const ReplyPostForm: Component<ReplyPostFormProps> = (props: ReplyPostFormProps)
setText(ev.currentTarget.value);
};
const handleSubmit: JSX.EventHandler<HTMLFormElement, Event> = (ev) => {
ev.preventDefault();
// TODO 投稿完了したかどうかの検知をしたい
// TODO 投稿完了したかどうかの検知をしたい
const submit = () => {
props.onPost({ content: text() });
clearText();
};
const handleSubmit: JSX.EventHandler<HTMLFormElement, Event> = (ev) => {
ev.preventDefault();
submit();
};
const handleKeyDown: JSX.EventHandler<HTMLTextAreaElement, KeyboardEvent> = (ev) => {
if (ev.key === 'Enter' && (ev.ctrlKey || ev.metaKey)) {
submit();
}
};
const submitDisabled = createMemo(() => text().trim().length === 0);
return (
@@ -40,6 +50,7 @@ const ReplyPostForm: Component<ReplyPostFormProps> = (props: ReplyPostFormProps)
rows={4}
placeholder="返信を投稿"
onInput={handleChangeText}
onKeyDown={handleKeyDown}
value={text()}
/>
<div class="flex justify-between">