- 링크결제 전화번호 입력 Number only
- 링크결제 신청 완료 페이지 결과 박스 제거 - 안면인증 테스트용 Mid 고정
This commit is contained in:
@@ -19,6 +19,11 @@ export const LinkPaymentStep2 = ({
|
|||||||
setProcessStep(ProcessStep.One);
|
setProcessStep(ProcessStep.One);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 전화번호 형식 검증
|
||||||
|
const isValidPhoneNumber = (phone: string) => {
|
||||||
|
const phoneRegex = /^01[0|1|6|7|8|9][0-9]{7,8}$/;
|
||||||
|
return phoneRegex.test(phone);
|
||||||
|
};
|
||||||
|
|
||||||
const handleInputChange = (field: string, value: string) => {
|
const handleInputChange = (field: string, value: string) => {
|
||||||
setFormData({ ...formData, [field]: value });
|
setFormData({ ...formData, [field]: value });
|
||||||
@@ -74,10 +79,17 @@ export const LinkPaymentStep2 = ({
|
|||||||
<div className="issue-label wid-105">구매자<br />휴대폰 번호</div>
|
<div className="issue-label wid-105">구매자<br />휴대폰 번호</div>
|
||||||
<div className="issue-field">
|
<div className="issue-field">
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="tel"
|
||||||
placeholder="01012345678"
|
placeholder="01012345678"
|
||||||
value={formData.phoneNumber}
|
value={formData.phoneNumber}
|
||||||
onChange={(e) => handleInputChange('phoneNumber', e.target.value)}
|
onChange={(e) => {
|
||||||
|
const onlyNumbers = e.target.value.replace(/[^0-9]/g, '');
|
||||||
|
handleInputChange('phoneNumber', onlyNumbers);
|
||||||
|
}}
|
||||||
|
className={formData.phoneNumber && !isValidPhoneNumber(formData.phoneNumber) ? 'error' : ''}
|
||||||
|
inputMode="numeric"
|
||||||
|
pattern="[0-9]*"
|
||||||
|
maxLength={11}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -31,10 +31,10 @@ export const EmailBottomSheet = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
const onClickToRequest = () => {
|
const onClickToRequest = () => {
|
||||||
snackBar('정상 요청 되었습니다.', function(){
|
sendRequest(userEmail);
|
||||||
|
setTimeout(() => {
|
||||||
onClickToClose();
|
onClickToClose();
|
||||||
}, 2000);
|
}, 2000);
|
||||||
// sendRequest(userEmail);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const downloadImage = () => {
|
const downloadImage = () => {
|
||||||
@@ -146,6 +146,7 @@ export const EmailBottomSheet = ({
|
|||||||
className="btn-50 btn-blue flex-1"
|
className="btn-50 btn-blue flex-1"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={ onClickToRequest }
|
onClick={ onClickToRequest }
|
||||||
|
disabled={!optionsEmails || optionsEmails.length === 0}
|
||||||
>{t('common.request')}</button>
|
>{t('common.request')}</button>
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ export const FaceAuthPage = () => {
|
|||||||
|
|
||||||
const callList = (type?: string) => {
|
const callList = (type?: string) => {
|
||||||
let listParams: ExtensionFaceAuthListParams = {
|
let listParams: ExtensionFaceAuthListParams = {
|
||||||
mid: mid,
|
mid: "faceauth0m",
|
||||||
userMallId: userMallId,
|
userMallId: userMallId,
|
||||||
fromDate: fromDate,
|
fromDate: fromDate,
|
||||||
toDate: toDate,
|
toDate: toDate,
|
||||||
@@ -141,6 +141,7 @@ export const FaceAuthPage = () => {
|
|||||||
console.log('Excel Download Status:', rs.status);
|
console.log('Excel Download Status:', rs.status);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
console
|
||||||
setEmailBottomSheetOn(false);
|
setEmailBottomSheetOn(false);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -23,11 +23,6 @@ export const LinkPaymentApplySuccessPage = () => {
|
|||||||
<span>링크결제</span><br/>
|
<span>링크결제</span><br/>
|
||||||
<span>결제 신청이 완료되었습니다.</span>
|
<span>결제 신청이 완료되었습니다.</span>
|
||||||
</h1>
|
</h1>
|
||||||
<div className="success-result">
|
|
||||||
<p className="result-text">
|
|
||||||
<span>결과 :</span> <span>(성공 결과값 노출)</span><br/>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="apply-row">
|
<div className="apply-row">
|
||||||
<button
|
<button
|
||||||
|
|||||||
Reference in New Issue
Block a user