pengjunjie/webapp-conversation
1
0
Fork 1
mirror of https://github.com/langgenius/webapp-conversation.git synced 2025-12-08 17:32:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: input method enter also send message

Browse Source
This commit is contained in:
Joel
2023-05-12 10:56:22 +08:00
parent f5432694b9
commit d8cfcc9eae
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/chat/index.tsx
View File

@ -1,6 +1,6 @@
'use client'
import type { FC } from 'react'
import React, { useEffect } from 'react'
import type { FC, } from 'react'
import React, { useEffect, useRef } from 'react'
import cn from 'classnames'
import { HandThumbDownIcon, HandThumbUpIcon } from '@heroicons/react/24/outline'
import { useTranslation } from 'react-i18next'
@ -232,6 +232,7 @@ const Chat: FC<IChatProps> = ({
}) => {
const { t } = useTranslation()
const { notify } = Toast
const isUseInputMethod = useRef(false)
const [query, setQuery] = React.useState('')
const handleContentChange = (e: any) => {
@ -267,12 +268,15 @@ const Chat: FC<IChatProps> = ({
const handleKeyUp = (e: any) => {
if (e.code === 'Enter') {
e.preventDefault()
if (!e.shiftKey)
// prevent send message when using input method enter
if (!e.shiftKey && !isUseInputMethod.current) {
handleSend()
}
}
}
const haneleKeyDown = (e: any) => {
isUseInputMethod.current = e.nativeEvent.isComposing
if (e.code === 'Enter' && !e.shiftKey) {
setQuery(query.replace(/\n$/, ''))
e.preventDefault()