diff --git a/client/src/components/CardModal/Activities/CommentEdit.jsx b/client/src/components/CardModal/Activities/CommentEdit.jsx index 2499b59..5384471 100755 --- a/client/src/components/CardModal/Activities/CommentEdit.jsx +++ b/client/src/components/CardModal/Activities/CommentEdit.jsx @@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'; import TextareaAutosize from 'react-textarea-autosize'; import { Button, Form, TextArea } from 'semantic-ui-react'; -import { useClosableForm, useForm } from '../../../hooks'; +import { useForm } from '../../../hooks'; import styles from './CommentEdit.module.scss'; @@ -35,12 +35,7 @@ const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref) text: data.text.trim(), }; - if (!cleanData.text) { - textField.current.ref.current.select(); - return; - } - - if (!dequal(cleanData, defaultData)) { + if (cleanData.text && !dequal(cleanData, defaultData)) { onUpdate(cleanData); } @@ -65,7 +60,9 @@ const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref) [submit], ); - const [, handleControlMouseOver, handleControlMouseOut] = useClosableForm(close, isOpened); + const handleFieldBlur = useCallback(() => { + submit(); + }, [submit]); const handleSubmit = useCallback(() => { submit(); @@ -93,16 +90,11 @@ const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref) className={styles.field} onKeyDown={handleFieldKeyDown} onChange={handleFieldChange} - onBlur={() => submit()} + onBlur={handleFieldBlur} />