회원가입 약관동의 수정

src/components/account/register/AccountRegisterTerm.js

@@ -28,7 +28,7 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
   const [openModal, setOpenModal] = useState(false);
   const dispatch = useDispatch();
   // 약관 동의
-  const [terms, setTerms] = useState({});
+  const [terms, setTerms] = useState([]);
 
   // 취소 버튼 헨들러
   const handlerCancel = () => {
@@ -49,26 +49,27 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
   // 약관 목록 조회 결과
   useEffect(() => {
     if (termsList?.length > 0) {
-      let termObject = {
-        termServiceId: 0,
-        termServiceTitle: '',
-        termServiceDesc: '',
-        termPrivacyId: 0,
-        termPrivacyTitle: '',
-        termPrivacyDesc: ''
-      };
-
+      let termObject = [];
+
+      // termsList.map(item => {
+      //   if (item.termsCtgryCd === 'TERMS_SERVICE') {
+      //     (termObject.termServiceId = item.termsSno),
+      //       (termObject.termServiceTitle = item.termsTitleNm),
+      //       (termObject.termServiceDesc = item.termsCn);
+      //   } else if (item.termsCtgryCd === 'TERMS_PRIVACY') {
+      //     (termObject.termPrivacyId = item.termsSno),
+      //       (termObject.termPrivacyTitle = item.termsTitleNm),
+      //       (termObject.termPrivacyDesc = item.termsCn);
+      //   }
+      // });
       termsList.map(item => {
-        if (item.termsCtgryCd === 'TERMS_SERVICE') {
-          (termObject.termServiceId = item.termsSno),
-            (termObject.termServiceTitle = item.termsTitleNm),
-            (termObject.termServiceDesc = item.termsCn);
-        } else if (item.termsCtgryCd === 'TERMS_PRIVACY') {
-          (termObject.termPrivacyId = item.termsSno),
-            (termObject.termPrivacyTitle = item.termsTitleNm),
-            (termObject.termPrivacyDesc = item.termsCn);
-        }
+        termObject.push({
+          termServiceId: item.termsSno,
+          termServiceTitle: item.termsTitleNm,
+          termServiceDesc: item.termsCn
+        });
       });
+
       setTerms(termObject);
     }
   }, [termsList]);
@@ -175,9 +176,10 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
               checked={termChecked.service}
               readOnly
               onClick={e => handlerChecked('service')}
-              label={terms.termServiceTitle}
+              label={terms[0]?.termServiceDesc}
             />
-            <div className='terms-cont'>{terms.termServiceDesc}</div>
+
+            <div className='terms-cont'>{terms[0]?.termServiceDesc}</div>
           </div>
           <div className='terms-check'>
             <CustomInput
@@ -187,9 +189,9 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
               checked={termChecked.privacy}
               readOnly
               onClick={e => handlerChecked('privacy')}
-              label={terms.termPrivacyTitle}
+              label={terms[1]?.termServiceDesc}
             />
-            <div className='terms-cont'>{terms.termPrivacyDesc}</div>
+            <div className='terms-cont'>{terms[1]?.termServiceDesc}</div>
           </div>
         </FormGroup>
         <div className='vertically-centered-modal'>