From d032ccc68162f319381478eb723749bee76c0dd5 Mon Sep 17 00:00:00 2001 From: moseung Date: Sun, 19 Feb 2023 15:37:21 +0900 Subject: [PATCH] =?UTF-8?q?[FE-226]fix,refactor:=20=EB=A0=88=EC=BD=94?= =?UTF-8?q?=EB=93=9C=EC=B6=94=EA=B0=80=20=EB=B2=84=EA=B7=B8,=20=EB=A6=AC?= =?UTF-8?q?=ED=8C=A9=ED=86=A0=EB=A7=81=20-RecordAdd=EB=82=B4=20=EC=82=AC?= =?UTF-8?q?=EC=9A=A9=ED=95=98=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EB=B3=80?= =?UTF-8?q?=EC=88=98=20=EC=A0=9C=EA=B1=B0=20-=EC=A0=9C=EB=AA=A9=20?= =?UTF-8?q?=EA=B2=80=EC=83=89=2013=EC=9E=90=EA=B9=8C=EC=A7=80=20=EC=9E=85?= =?UTF-8?q?=EB=A0=A5=EA=B0=80=EB=8A=A5=ED=95=98=EA=B3=A0=20=EC=9E=85?= =?UTF-8?q?=EB=A0=A5=ED=96=88=EC=9D=84=EB=95=8C=20=EC=88=98=EC=A0=95?= =?UTF-8?q?=EC=95=88=EB=90=98=EB=A9=B0,=20=EB=A0=88=EC=BD=94=EB=93=9C=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80=EC=95=88=EB=90=98=EB=8A=94=20=EB=B2=84?= =?UTF-8?q?=EA=B7=B8=20=ED=94=BD=EC=8A=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/AddRecord/AddRecord.tsx | 21 --------------------- src/pages/AddRecord/AddRecordInput.tsx | 13 +------------ src/pages/AddRecord/AddRecordTextArea.tsx | 11 ----------- 3 files changed, 1 insertion(+), 44 deletions(-) diff --git a/src/pages/AddRecord/AddRecord.tsx b/src/pages/AddRecord/AddRecord.tsx index 811c7f7..277d611 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 AddRecordTitle from './AddRecordTitle' import AddRecordInput from './AddRecordInput' import { useCheckMobile } from '@hooks/useCheckMobile' -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 cc62aca..22158b7 100644 --- a/src/pages/AddRecord/AddRecordInput.tsx +++ b/src/pages/AddRecord/AddRecordInput.tsx @@ -1,11 +1,8 @@ import React, { Dispatch, SetStateAction, useEffect, useState } from 'react' import { CELEBRATION_ID, INPUT_DETAILS } 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> @@ -15,8 +12,6 @@ interface Props { } function AddRecordInput({ - setIsInputsHasValue, - isInputsHasValue, setIsInputFocus, recordTitle, setRecordTitle, @@ -35,15 +30,9 @@ function AddRecordInput({ }, [parentCategoryId]) const handleChange = (e: React.ChangeEvent) => { - if (recordTitle.length > INPUT_DETAILS.MAX_INPUT_TYPING) { + if (e.target.value.length > INPUT_DETAILS.MAX_INPUT_TYPING) { return } - if (recordTitle.length > INPUT_DETAILS.MIN_TYPING) { - setIsInputsHasValue({ ...isInputsHasValue, input: true }) - } - if (recordTitle.length === 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) }