feat: post with Ctrl+Enter

src/components/NotePostForm.tsx

@@ -14,13 +14,23 @@ const NotePostForm: Component<NotePostFormProps> = (props) => {
     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<HTMLFormElement, KeyboardEvent> = (ev) => {
+    if (ev.key === 'Enter' && (ev.ctrlKey || ev.metaKey)) {
+      submit();
+    }
+  };
+
   const submitDisabled = createMemo(() => text().trim().length === 0);
 
   return (
@@ -32,6 +42,7 @@ const NotePostForm: Component<NotePostFormProps> = (props) => {
           rows={4}
           placeholder="いまどうしてる？"
           onInput={handleChangeText}
+          onKeyDown={handleKeyDown}
           value={text()}
         />
         <div class="grid justify-end">