feat: support Ctrl+Enter post in reply

src/components/NotePostForm.tsx

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

src/components/ReplyPostForm.tsx

@@ -18,13 +18,23 @@ const ReplyPostForm: Component<ReplyPostFormProps> = (props: ReplyPostFormProps)
     setText(ev.currentTarget.value);
   };
 
-  const handleSubmit: JSX.EventHandler<HTMLFormElement, Event> = (ev) => {
+  // TODO 投稿完了したかどうかの検知をしたい
-    ev.preventDefault();
+  const submit = () => {
-    // TODO 投稿完了したかどうかの検知をしたい
     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">