Merge pull request #210 from Step3-kakao-tech-campus/feat/#138

feat: 수정하기 라디오버튼 중성화상태 문제 해결

src/pages/update/components/UpdateRegisterForm.tsx

@@ -1,10 +1,11 @@
-import { useSetRecoilState } from 'recoil';
+import { useRecoilState, useSetRecoilState } from 'recoil';
 import registerState, { RegisterType } from 'recoil/registerState';
 import VMRegisterForm from './VUpdateRegisterForm';
 import { PetProps } from '../updateType';
 
 const UpdateRegisterForm = ({ petInfo }: PetProps) => {
   const setPetInfoState = useSetRecoilState(registerState);
+
   const PET_INFO_REQUIRED_KEY: (keyof RegisterType)[] = [
     'age',
     'name',

src/pages/update/components/UpdateTemplate.tsx

@@ -37,18 +37,34 @@ const UpdateTemplate = () => {
     return res;
   };
 
-  const { isLoading, isError } = useQuery({
+  const { isError } = useQuery({
     queryKey: ['pet-update'],
     queryFn: () => getPetInfo(),
     onSuccess: (fetchedData) => {
-      const { profileImageUrl, profileShortFormUrl, ...rest } = fetchedData;
-      setUpdateState({ ...rest, isComplete: true });
+      const {
+        profileImageUrl,
+        profileShortFormUrl,
+        neutralizationStatus,
+        ...rest
+      } = fetchedData;
+      let updatedNeutralizationStatus;
+      if (neutralizationStatus === '했어요') {
+        updatedNeutralizationStatus = 'YES';
+      } else if (updatedNeutralizationStatus === '안했어요') {
+        updatedNeutralizationStatus = 'NO';
+      } else {
+        updatedNeutralizationStatus = 'UNKNOWN';
+      }
+
+      setUpdateState({
+        ...rest,
+        neutralizationStatus: updatedNeutralizationStatus,
+        isComplete: true,
+      });
     },
     suspense: true,
   });
-  if (isLoading) {
-    return <div>로딩중</div>;
-  }
+
   if (isError) {
     return <div>Error: {isError}</div>;
   }