diff --git a/src/pages/AddRecord/AddRecord.tsx b/src/pages/AddRecord/AddRecord.tsx index 92c6497..8b7a60c 100644 --- a/src/pages/AddRecord/AddRecord.tsx +++ b/src/pages/AddRecord/AddRecord.tsx @@ -1,11 +1,9 @@ import React, { useEffect, useState } from 'react' import BackButton from '@components/BackButton' import AddRecordCategory from './AddRecordCategory' - import AddRecordTextArea from './AddRecordTextArea' import AddRecordColor from './AddRecordColor' import AddRecordFile from './AddRecordFile' - import AddRecordIcon from './AddRecordIcon' import Button from '@components/Button' import { useNavigate } from 'react-router-dom' @@ -23,11 +21,6 @@ import AddRecordInput from './AddRecordInput' import { useCheckMobile } from '@hooks/useCheckMobile' import MemoizedParentCategoryTab from '@components/ParrentCategoryTab' -export type IsInputsHasValueType = { - input: boolean - textArea: boolean -} - export type FormDataType = { selectedCategory: number selectedColor: string @@ -63,11 +56,6 @@ export default function AddRecord() { const [parentCategoryId, setParentCategoryId] = useState(CELEBRATION_ID) - const [isInputsHasValue, setIsInputsHasValue] = - useState({ - input: false, - textArea: false, - }) const [formData, setFormData] = useRecoilState(formDataAtom) const { selectedCategory, selectedColor, selectedIcon }: FormDataType = formData @@ -99,7 +87,6 @@ export default function AddRecord() { selectedCategory: parentCategoryId === CELEBRATION_ID ? 3 : 7, selectedColor: 'icon-purple', }) - setIsInputsHasValue({ input: false, textArea: false }) } }, [parentCategoryId]) @@ -131,10 +118,6 @@ export default function AddRecord() { setParentCategoryId(2) } } - setIsInputsHasValue({ - input: recordData.title, - textArea: recordData.content, - }) setFormData({ ...formData, selectedColor: recordData.colorName }) } }, [recordData]) @@ -261,8 +244,6 @@ export default function AddRecord() { modifyTitle={recordData?.title} recordTitle={recordTitle} setRecordTitle={setRecordTitle} - isInputsHasValue={isInputsHasValue} - setIsInputsHasValue={setIsInputsHasValue} setIsInputFocus={setIsInputFocus} parentCategoryId={parentCategoryId} isModify={isModify} @@ -272,8 +253,6 @@ export default function AddRecord() { modifyTitle={recordData?.content} recordContent={recordContent} setRecordContent={setRecordContent} - isInputsHasValue={isInputsHasValue} - setIsInputsHasValue={setIsInputsHasValue} currentRecordType={parentCategoryId} setIsInputFocus={setIsInputFocus} /> diff --git a/src/pages/AddRecord/AddRecordInput.tsx b/src/pages/AddRecord/AddRecordInput.tsx index 89584e0..a9151b8 100644 --- a/src/pages/AddRecord/AddRecordInput.tsx +++ b/src/pages/AddRecord/AddRecordInput.tsx @@ -1,15 +1,8 @@ import React, { Dispatch, SetStateAction, useEffect, useState } from 'react' -import { - CELEBRATION_ID, - INPUT_DETAILS, - RECORD_TITLE_MAX_LENGTH, -} from '@assets/constant/constant' -import { IsInputsHasValueType } from './AddRecord' + import { parentCategoryID } from 'types/category' interface Props { - setIsInputsHasValue: Dispatch> - isInputsHasValue: IsInputsHasValueType setIsInputFocus: Dispatch> recordTitle: string setRecordTitle: Dispatch> @@ -19,8 +12,6 @@ interface Props { } function AddRecordInput({ - setIsInputsHasValue, - isInputsHasValue, setIsInputFocus, recordTitle, setRecordTitle, @@ -39,16 +30,7 @@ function AddRecordInput({ }, [parentCategoryId]) const handleChange = (e: React.ChangeEvent) => { - const inputValueLength = e.target.value.length - if (inputValueLength > INPUT_DETAILS.MAX_INPUT_TYPING) { - return - } - if (inputValueLength > INPUT_DETAILS.MIN_TYPING) { - setIsInputsHasValue({ ...isInputsHasValue, input: true }) - } - if (inputValueLength === INPUT_DETAILS.MIN_TYPING) { - setIsInputsHasValue({ ...isInputsHasValue, input: false }) - } + setRecordTitle(e.target.value) } diff --git a/src/pages/AddRecord/AddRecordTextArea.tsx b/src/pages/AddRecord/AddRecordTextArea.tsx index 231001f..5356b09 100644 --- a/src/pages/AddRecord/AddRecordTextArea.tsx +++ b/src/pages/AddRecord/AddRecordTextArea.tsx @@ -1,21 +1,16 @@ import React, { Dispatch, SetStateAction, useEffect } from 'react' import { CELEBRATION_ID, INPUT_DETAILS } from '@assets/constant/constant' -import { IsInputsHasValueType } from './AddRecord' import { parentCategoryID } from 'types/category' type userProps = { recordContent: string setRecordContent: Dispatch> currentRecordType: parentCategoryID - setIsInputsHasValue: Dispatch> - isInputsHasValue: IsInputsHasValueType setIsInputFocus: Dispatch> modifyTitle: string } function AddRecordTextArea({ - setIsInputsHasValue, - isInputsHasValue, currentRecordType, setIsInputFocus, recordContent, @@ -42,12 +37,6 @@ function AddRecordTextArea({ if (inputValueLength > INPUT_DETAILS.MAX_TEXTAREA_TYPING) { return } - if (inputValueLength > 0) { - setIsInputsHasValue({ ...isInputsHasValue, textArea: true }) - } - if (inputValueLength === 0) { - setIsInputsHasValue({ ...isInputsHasValue, textArea: false }) - } setRecordContent(e.target.value) }