Qcast 최초 비밀번호변경팝업 수정

This commit is contained in:
basssy 2025-01-07 15:25:24 +09:00
parent fc4d29281c
commit 0b5c190cf3
3 changed files with 15 additions and 17 deletions

View File

@ -1,12 +1,10 @@
import React, { useState } from 'react' import React from 'react'
import { useMessage } from '@/hooks/useMessage' import { useMessage } from '@/hooks/useMessage'
import { useForm } from 'react-hook-form' import { useForm } from 'react-hook-form'
import { sessionStore } from '@/store/commonAtom' import { sessionStore } from '@/store/commonAtom'
import { useRecoilValue, useRecoilState } from 'recoil' import { useRecoilValue, useRecoilState } from 'recoil'
import { useAxios } from '@/hooks/useAxios' import { useAxios } from '@/hooks/useAxios'
import { globalLocaleStore } from '@/store/localeAtom' import { globalLocaleStore } from '@/store/localeAtom'
import { useRouter } from 'next/navigation'
import { setSession } from '@/lib/authActions'
import { logout } from '@/lib/authActions' import { logout } from '@/lib/authActions'
export default function ChangePasswordPop(props) { export default function ChangePasswordPop(props) {
const globalLocaleState = useRecoilValue(globalLocaleStore) const globalLocaleState = useRecoilValue(globalLocaleStore)
@ -14,7 +12,6 @@ export default function ChangePasswordPop(props) {
const { patch } = useAxios(globalLocaleState) const { patch } = useAxios(globalLocaleState)
const { getMessage } = useMessage() const { getMessage } = useMessage()
const [sessionState, setSessionState] = useRecoilState(sessionStore) const [sessionState, setSessionState] = useRecoilState(sessionStore)
const router = useRouter()
const formInitValue = { const formInitValue = {
password1: '', password1: '',
password2: '', password2: '',
@ -56,6 +53,16 @@ export default function ChangePasswordPop(props) {
const _password1 = form.watch('password1') const _password1 = form.watch('password1')
const _password2 = form.watch('password2') const _password2 = form.watch('password2')
//
if (_password1.trim() === '') {
alert(getMessage('main.popup.login.validate3'))
return false
}
if (_password2.trim() === '') {
alert(getMessage('main.popup.login.validate3'))
return false
}
if (_password1 !== _password2) { if (_password1 !== _password2) {
alert(getMessage('main.popup.login.validate1')) alert(getMessage('main.popup.login.validate1'))
return false return false
@ -78,10 +85,6 @@ export default function ChangePasswordPop(props) {
if (res?.result?.resultCode === 'S') { if (res?.result?.resultCode === 'S') {
alert(getMessage('main.popup.login.success')) alert(getMessage('main.popup.login.success'))
logout() logout()
// setSessionState
// setSessionState({ ...sessionState, pwdInitYn: 'Y' })
//props.setChagePasswordPopOpen(false)
//router.push('/login')
} else { } else {
alert(res?.result?.resultMsg) alert(res?.result?.resultMsg)
} }
@ -110,10 +113,7 @@ export default function ChangePasswordPop(props) {
<div className="table-item"> <div className="table-item">
<div className="table-item-th"> <div className="table-item-th">
<div className="change-password-tit"> <div className="change-password-tit">
<div className="tit-b"> <div className="tit-b">{getMessage('main.popup.login.newPassword1')}</div>
{getMessage('main.popup.login.newPassword1')}
<span className="important">*</span>
</div>
<div className="tit-s">{getMessage('main.popup.login.placeholder')}</div> <div className="tit-s">{getMessage('main.popup.login.placeholder')}</div>
</div> </div>
</div> </div>
@ -133,10 +133,7 @@ export default function ChangePasswordPop(props) {
<div className="table-item"> <div className="table-item">
<div className="table-item-th"> <div className="table-item-th">
<div className="change-password-tit"> <div className="change-password-tit">
<div className="tit-b"> <div className="tit-b">{getMessage('main.popup.login.newPassword2')}</div>
{getMessage('main.popup.login.newPassword2')}
<span className="important">*</span>
</div>
<div className="tit-s">{getMessage('main.popup.login.placeholder')}</div> <div className="tit-s">{getMessage('main.popup.login.placeholder')}</div>
</div> </div>
</div> </div>
@ -169,7 +166,6 @@ export default function ChangePasswordPop(props) {
className="btn-origin grey" className="btn-origin grey"
onClick={() => { onClick={() => {
logout() logout()
// router.push('/login')
}} }}
> >
{getMessage('main.popup.login.btn2')} {getMessage('main.popup.login.btn2')}

View File

@ -824,6 +824,7 @@
"main.popup.login.btn2": "変更しない", "main.popup.login.btn2": "変更しない",
"main.popup.login.validate1": "入力したパスワードが異なります。", "main.popup.login.validate1": "入力したパスワードが異なります。",
"main.popup.login.validate2": "半角10文字以内で入力してください。", "main.popup.login.validate2": "半角10文字以内で入力してください。",
"main.popup.login.validate3": "비밀번호를 입력해주세요.",
"main.popup.login.success": "パスワードが変更されました。", "main.popup.login.success": "パスワードが変更されました。",
"common.canvas.validate.size": "寸法を入力してください.", "common.canvas.validate.size": "寸法を入力してください.",
"surface.shape.validate.size.1to2": "①길이는 ②보다 큰 값을 넣어주세요.", "surface.shape.validate.size.1to2": "①길이는 ②보다 큰 값을 넣어주세요.",

View File

@ -834,6 +834,7 @@
"main.popup.login.btn2": "변경안함", "main.popup.login.btn2": "변경안함",
"main.popup.login.validate1": "입력한 패스워드가 다릅니다.", "main.popup.login.validate1": "입력한 패스워드가 다릅니다.",
"main.popup.login.validate2": "반각 10자 이내로 입력해주세요.", "main.popup.login.validate2": "반각 10자 이내로 입력해주세요.",
"main.popup.login.validate3": "비밀번호를 입력해주세요.",
"main.popup.login.success": "비밀번호가 변경되었습니다.", "main.popup.login.success": "비밀번호가 변경되었습니다.",
"common.canvas.validate.size": "사이즈를 입력해 주세요.", "common.canvas.validate.size": "사이즈를 입력해 주세요.",
"surface.shape.validate.size.1to2": "①길이는 ②보다 큰 값을 넣어주세요.", "surface.shape.validate.size.1to2": "①길이는 ②보다 큰 값을 넣어주세요.",