diff --git a/src/components/account/register/AccountRegisterTerm.js b/src/components/account/register/AccountRegisterTerm.js index 0805d89..4e5d483 100644 --- a/src/components/account/register/AccountRegisterTerm.js +++ b/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} /> -
{terms.termServiceDesc}
+ +
{terms[0]?.termServiceDesc}
{ checked={termChecked.privacy} readOnly onClick={e => handlerChecked('privacy')} - label={terms.termPrivacyTitle} + label={terms[1]?.termServiceDesc} /> -
{terms.termPrivacyDesc}
+
{terms[1]?.termServiceDesc}