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