KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: support japanese typing

This commit is contained in:
PeterTakahashi 2023-03-18 08:31:37 +09:00
parent 7f35469fc4
commit 3ba74d99fb
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/Chat/ChatInput.tsx
View File

@ -8,6 +8,7 @@ interface Props {
export const ChatInput: FC<Props> = ({ onSend }) => {
const [content, setContent] = useState<string>();
const [isTyping, setIsTyping] = useState<boolean>(false);
const textareaRef = useRef<HTMLTextAreaElement>(null);
@ -31,7 +32,7 @@ export const ChatInput: FC<Props> = ({ onSend }) => {
};
const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {
if (e.key === "Enter" && !e.shiftKey) {
if (!isTyping && e.key === "Enter" && !e.shiftKey) {
e.preventDefault();
handleSend();
}
@ -54,6 +55,8 @@ export const ChatInput: FC<Props> = ({ onSend }) => {
placeholder="Type a message..."
value={content}
rows={1}
onCompositionStart={() => setIsTyping(true)}
onCompositionEnd={() => setIsTyping(false)}
onChange={handleChange}
onKeyDown={handleKeyDown}
/>