[FE-226]fix,refactor: 레코드추가 버그, 리팩토링

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<parentCategoryID>(CELEBRATION_ID)
 
-  const [isInputsHasValue, setIsInputsHasValue] =
-    useState<IsInputsHasValueType>({
-      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}
             />

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<SetStateAction<IsInputsHasValueType>>
-  isInputsHasValue: IsInputsHasValueType
   setIsInputFocus: Dispatch<SetStateAction<boolean>>
   recordTitle: string
   setRecordTitle: Dispatch<SetStateAction<string>>
@@ -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<HTMLInputElement>) => {
-    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)
   }
 

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<SetStateAction<string>>
   currentRecordType: parentCategoryID
-  setIsInputsHasValue: Dispatch<SetStateAction<IsInputsHasValueType>>
-  isInputsHasValue: IsInputsHasValueType
   setIsInputFocus: Dispatch<SetStateAction<boolean>>
   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)
   }