Browse Source

회원가입 완료 수정

feature/auth
이학준 2 years ago
parent
commit
90d0b28bed
  1. 8
      src/components/account/register/AccountRegister.js
  2. 4
      src/components/account/register/AccountRegisterComplete.js
  3. 42
      src/components/account/register/AccountRegisterForm.js

8
src/components/account/register/AccountRegister.js

@ -8,7 +8,7 @@ import { AccountRegisterComplete } from './AccountRegisterComplete';
export const AccountRegister = ({ props }) => { export const AccountRegister = ({ props }) => {
const [stepper, setStepper] = useState(null); const [stepper, setStepper] = useState(null);
const [testName, setTestName] = useState(); const [memberName, setMemberName] = useState();
const ref = useRef(null); const ref = useRef(null);
// console.log(props); // console.log(props);
@ -37,8 +37,8 @@ export const AccountRegister = ({ props }) => {
stepper={stepper} stepper={stepper}
type='wizard-horizontal' type='wizard-horizontal'
movePage={movePage} movePage={movePage}
testName={testName} memberName={memberName}
setTestName={setTestName} setMemberName={setMemberName}
/> />
) )
}, },
@ -51,7 +51,7 @@ export const AccountRegister = ({ props }) => {
stepper={stepper} stepper={stepper}
type='wizard-horizontal' type='wizard-horizontal'
movePage={movePage} movePage={movePage}
testName={testName} memberName={memberName}
/> />
) )
} }

4
src/components/account/register/AccountRegisterComplete.js

@ -22,7 +22,7 @@ import Select from 'react-select';
import { selectThemeColors } from '@utils'; import { selectThemeColors } from '@utils';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
export const AccountRegisterComplete = ({ stepper, type, movePage, testName}) => { export const AccountRegisterComplete = ({ stepper, type, movePage, memberName}) => {
const handlerLogin = () => { const handlerLogin = () => {
movePage('/account/login'); movePage('/account/login');
}; };
@ -31,7 +31,7 @@ export const AccountRegisterComplete = ({ stepper, type, movePage, testName}) =>
<Fragment> <Fragment>
<div className='complete-txt'> <div className='complete-txt'>
<img src={completeImg} /> <img src={completeImg} />
<span className='big-txt'>환영합니다. {testName}</span> <span className='big-txt'>환영합니다. {memberName}</span>
<span className='d-block'> <span className='d-block'>
모든 회원가입절차가 완료되었습니다. 로그인 사용해주세요. 모든 회원가입절차가 완료되었습니다. 로그인 사용해주세요.
</span> </span>

42
src/components/account/register/AccountRegisterForm.js

@ -25,7 +25,7 @@ import { useDispatch, useSelector } from 'react-redux';
import { accountApi } from '../../../modules/account/register/apis/accountApi'; import { accountApi } from '../../../modules/account/register/apis/accountApi';
import * as Actions from '../../../modules/account/register/actions/accountAction'; import * as Actions from '../../../modules/account/register/actions/accountAction';
export const AccountRegisterForm = ({ stepper, type, movePage, testName, setTestName }) => { export const AccountRegisterForm = ({ stepper, type, movePage, testName, setMemberName }) => {
const { agreeTerms } = useSelector(state => state.accountState); const { agreeTerms } = useSelector(state => state.accountState);
const [minutes_Counter, setMinutes_Counter] = useState('03'); const [minutes_Counter, setMinutes_Counter] = useState('03');
const [seconds_Counter, setSeconds_Counter] = useState('00'); const [seconds_Counter, setSeconds_Counter] = useState('00');
@ -198,9 +198,9 @@ export const AccountRegisterForm = ({ stepper, type, movePage, testName, setTest
}); });
return false; return false;
} }
// dispatch( dispatch(
// Actions.register.request({ data: data, agreeTerms: agreeTerms }) Actions.register.request({ data: data, agreeTerms: agreeTerms })
// ); );
const res = await accountApi.register({ const res = await accountApi.register({
data: data, data: data,
agreeTerms: agreeTerms agreeTerms: agreeTerms
@ -243,25 +243,25 @@ export const AccountRegisterForm = ({ stepper, type, movePage, testName, setTest
return false; return false;
} }
// if (!vData.crtfyNo) { if (!vData.crtfyNo) {
// setModal({ setModal({
// isOpen: true, isOpen: true,
// title: '인증번호 인증', title: '인증번호 인증',
// desc: '인증번호 를 입력 해주세요.' desc: '인증번호 를 입력 해주세요.'
// }); });
// return false; return false;
// } }
const res = await accountApi.crtfyhpConfirm(vData.hpno, vData.crtfyNo); const res = await accountApi.crtfyhpConfirm(vData.hpno, vData.crtfyNo);
// if (!res.data.result) { if (!res.data.result) {
// setModal({ setModal({
// isOpen: true, isOpen: true,
// title: '인증번호 인증', title: '인증번호 인증',
// desc: '인증번호 가 잘못 되었습니다.' desc: '인증번호 가 잘못 되었습니다.'
// }); });
// return; return;
// } }
setIsRunning(true); setIsRunning(true);
setIsCrtfy(true); setIsCrtfy(true);
}; };
@ -273,7 +273,7 @@ export const AccountRegisterForm = ({ stepper, type, movePage, testName, setTest
const { name, value } = e.target; const { name, value } = e.target;
if(name == 'memberName') { if(name == 'memberName') {
setTestName(value); setMemberName(value);
} }
if (name == 'brthdyDate') { if (name == 'brthdyDate') {

Loading…
Cancel
Save