From eea617686f60eca3d8a15fae064ce8078068d9ec Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Mon, 4 Dec 2023 15:23:13 +0000
Subject: [PATCH] fix: IME input composing

---
 src/element/textarea.tsx      | 10 ++--------
 src/element/write-message.tsx |  2 +-
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/element/textarea.tsx b/src/element/textarea.tsx
index d457639..b66e967 100644
--- a/src/element/textarea.tsx
+++ b/src/element/textarea.tsx
@@ -1,5 +1,5 @@
 import "./textarea.css";
-import { type ChangeEvent, type KeyboardEvent, useContext } from "react";
+import { useContext } from "react";
 import ReactTextareaAutocomplete, { TriggerType } from "@webscopeio/react-textarea-autocomplete";
 import "@webscopeio/react-textarea-autocomplete/style.css";
 import uniqWith from "lodash/uniqWith";
@@ -39,13 +39,7 @@ const UserItem = (metadata: MetadataCache) => {
   );
 };
 
-interface TextareaProps {
-  emojis: EmojiTag[];
-  value: string;
-  onChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;
-  onKeyDown: (e: KeyboardEvent<Element>) => void;
-  rows?: number;
-}
+type TextareaProps = { emojis: EmojiTag[] } & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 
 export function Textarea({ emojis, ...props }: TextareaProps) {
   const system = useContext(SnortContext);
diff --git a/src/element/write-message.tsx b/src/element/write-message.tsx
index 48510e1..d63f7de 100644
--- a/src/element/write-message.tsx
+++ b/src/element/write-message.tsx
@@ -69,7 +69,7 @@ export function WriteMessage({ link, emojiPacks }: { link: NostrLink; emojiPacks
   }
 
   async function onKeyDown(e: React.KeyboardEvent) {
-    if (e.code === "Enter") {
+    if (e.code === "Enter" && !e.nativeEvent.isComposing) {
       e.preventDefault();
       await sendChatMessage();
     }