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