From e1ac5959bab47a8c52891b8e27423a9855cecf76 Mon Sep 17 00:00:00 2001 From: Maksim Eltyshev Date: Fri, 29 Jul 2022 17:11:38 +0200 Subject: [PATCH] ref: Fix variable names --- client/src/components/BoardKanban/ListAdd.jsx | 8 ++++---- client/src/components/CardModal/Tasks/Add.jsx | 8 ++++---- client/src/components/List/CardAdd.jsx | 8 ++++---- package-lock.json | 4 ++-- 4 files changed, 14 insertions(+), 14 deletions(-) diff --git a/client/src/components/BoardKanban/ListAdd.jsx b/client/src/components/BoardKanban/ListAdd.jsx index 01805afe..9d5459f1 100755 --- a/client/src/components/BoardKanban/ListAdd.jsx +++ b/client/src/components/BoardKanban/ListAdd.jsx @@ -15,7 +15,7 @@ const DEFAULT_DATA = { const ListAdd = React.memo(({ onCreate, onClose }) => { const [t] = useTranslation(); const [data, handleFieldChange, setData] = useForm(DEFAULT_DATA); - const [selectNameFieldState, selectNameField] = useToggle(); + const [focusNameFieldState, focusNameField] = useToggle(); const nameField = useRef(null); @@ -44,8 +44,8 @@ const ListAdd = React.memo(({ onCreate, onClose }) => { onCreate(cleanData); setData(DEFAULT_DATA); - selectNameField(); - }, [onCreate, data, setData, selectNameField]); + focusNameField(); + }, [onCreate, data, setData, focusNameField]); useEffect(() => { nameField.current.focus(); @@ -53,7 +53,7 @@ const ListAdd = React.memo(({ onCreate, onClose }) => { useDidUpdate(() => { nameField.current.focus(); - }, [selectNameFieldState]); + }, [focusNameFieldState]); return (
diff --git a/client/src/components/CardModal/Tasks/Add.jsx b/client/src/components/CardModal/Tasks/Add.jsx index 34259221..b606d058 100755 --- a/client/src/components/CardModal/Tasks/Add.jsx +++ b/client/src/components/CardModal/Tasks/Add.jsx @@ -17,7 +17,7 @@ const Add = React.forwardRef(({ children, onCreate }, ref) => { const [t] = useTranslation(); const [isOpened, setIsOpened] = useState(false); const [data, handleFieldChange, setData] = useForm(DEFAULT_DATA); - const [selectNameFieldState, selectNameField] = useToggle(); + const [focusNameFieldState, focusNameField] = useToggle(); const nameField = useRef(null); @@ -43,8 +43,8 @@ const Add = React.forwardRef(({ children, onCreate }, ref) => { onCreate(cleanData); setData(DEFAULT_DATA); - selectNameField(); - }, [onCreate, data, setData, selectNameField]); + focusNameField(); + }, [onCreate, data, setData, focusNameField]); useImperativeHandle( ref, @@ -87,7 +87,7 @@ const Add = React.forwardRef(({ children, onCreate }, ref) => { useDidUpdate(() => { nameField.current.ref.current.focus(); - }, [selectNameFieldState]); + }, [focusNameFieldState]); if (!isOpened) { return React.cloneElement(children, { diff --git a/client/src/components/List/CardAdd.jsx b/client/src/components/List/CardAdd.jsx index ec35dde9..d457f66f 100755 --- a/client/src/components/List/CardAdd.jsx +++ b/client/src/components/List/CardAdd.jsx @@ -17,7 +17,7 @@ const DEFAULT_DATA = { const CardAdd = React.memo(({ isOpened, onCreate, onClose }) => { const [t] = useTranslation(); const [data, handleFieldChange, setData] = useForm(DEFAULT_DATA); - const [selectNameFieldState, selectNameField] = useToggle(); + const [focusNameFieldState, focusNameField] = useToggle(); const nameField = useRef(null); @@ -35,8 +35,8 @@ const CardAdd = React.memo(({ isOpened, onCreate, onClose }) => { onCreate(cleanData); setData(DEFAULT_DATA); - selectNameField(); - }, [onCreate, data, setData, selectNameField]); + focusNameField(); + }, [onCreate, data, setData, focusNameField]); const handleFieldKeyDown = useCallback( (event) => { @@ -71,7 +71,7 @@ const CardAdd = React.memo(({ isOpened, onCreate, onClose }) => { useDidUpdate(() => { nameField.current.ref.current.focus(); - }, [selectNameFieldState]); + }, [focusNameFieldState]); return (