motaju/xrlms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
wallace
2025-11-27 19:31:19 +09:00
parent e2b7330c5e
commit 91c886298c
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/reset-password/page.tsx
View File

@@ -13,7 +13,7 @@ export default function ResetPasswordPage() {
const [passwordConfirm, setPasswordConfirm] = useState(""); const [passwordConfirm, setPasswordConfirm] = useState("");
const [focused, setFocused] = useState<Record<string, boolean>>({}); const [focused, setFocused] = useState<Record<string, boolean>>({});
const [errors, setErrors] = useState<Record<string, string>>({}); const [errors, setErrors] = useState<Record<string, string>>({});
// 인증번호 관련 상태 // 인증번호 관련 상태
const [emailCodeSent, setEmailCodeSent] = useState(false); const [emailCodeSent, setEmailCodeSent] = useState(false);
const [emailCode, setEmailCode] = useState(""); const [emailCode, setEmailCode] = useState("");
@@ -204,7 +204,7 @@ export default function ResetPasswordPage() {
<div className="text-[24px] font-extrabold leading-[150%] text-neutral-700"> <div className="text-[24px] font-extrabold leading-[150%] text-neutral-700">
비밀번호 재설정 비밀번호 재설정
</div> </div>
<p className="mt-2 text-[18px] font-normal leading-[150%] text-[#6c7682]"> <p className="mt-2 text-[18px] font-normal leading-[150%] text-text-label">
비밀번호 재설정을 위해 아래 정보를 입력해 주세요. 비밀번호 재설정을 위해 아래 정보를 입력해 주세요.
</p> </p>
</div> </div>
@@ -212,20 +212,20 @@ export default function ResetPasswordPage() {
<form onSubmit={handleSubmit} className="space-y-6"> <form onSubmit={handleSubmit} className="space-y-6">
{/* 아이디(이메일) + 인증번호 전송 */} {/* 아이디(이메일) + 인증번호 전송 */}
<div className="space-y-2"> <div className="space-y-2">
<label htmlFor="email" className="text-[15px] font-semibold text-[#6c7682]">아이디 (이메일)</label> <label htmlFor="email" className="text-[15px] font-semibold text-text-label">아이디 (이메일)</label>
<div className="flex gap-2 items-center"> <div className="flex gap-2 items-center">
<div className="relative flex-1"> <div className="relative flex-1">
<input <input
id="email" id="email"
name="email" name="email"
type="email" type="email"
value={email} value={email}
onChange={(e) => setEmail(e.target.value)} onChange={(e) => setEmail(e.target.value)}
onFocus={() => setFocused((p) => ({ ...p, email: true }))} onFocus={() => setFocused((p) => ({ ...p, email: true }))}
onBlur={() => setFocused((p) => ({ ...p, email: false }))} onBlur={() => setFocused((p) => ({ ...p, email: false }))}
placeholder="이메일을 입력해 주세요." placeholder="이메일을 입력해 주세요."
disabled={emailCodeVerified} disabled={emailCodeVerified}
className={`h-[40px] px-[12px] py-[7px] w-full rounded-[8px] border focus:outline-none text-[18px] text-neutral-700 placeholder:text-input-placeholder-text pr-[40px] disabled:bg-gray-100 disabled:cursor-not-allowed ${emailCodeVerified ? '' : (errors.email ? 'border-error' : 'border-neutral-40 focus:border-neutral-700')}`} className={`h-[40px] px-[12px] py-[7px] w-full rounded-[8px] border focus:outline-none text-[18px] text-neutral-700 placeholder:text-input-placeholder-text pr-[40px] disabled:bg-gray-100 disabled:cursor-not-allowed ${emailCodeVerified ? '' : (errors.email ? 'border-error' : 'border-neutral-40 focus:border-neutral-700')}`}
/> />
{email.trim().length > 0 && focused.email && !emailCodeVerified && ( {email.trim().length > 0 && focused.email && !emailCodeVerified && (
<button <button
@@ -289,7 +289,7 @@ export default function ResetPasswordPage() {
</button> </button>
</div> </div>
{!errors.emailCode && ( {!errors.emailCode && (
<p className="text-[13px] leading-[normal] text-[#384fbf]"> <p className="text-[13px] leading-[normal] text-primary">
{emailCodeVerified ? ( {emailCodeVerified ? (
"인증이 완료됐습니다" "인증이 완료됐습니다"
) : ( ) : (
@@ -308,7 +308,7 @@ export default function ResetPasswordPage() {
{/* 새 비밀번호 */} {/* 새 비밀번호 */}
<div className="space-y-2"> <div className="space-y-2">
<label htmlFor="password" className="text-[15px] font-semibold text-[#6c7682]">새 비밀번호</label> <label htmlFor="password" className="text-[15px] font-semibold text-text-label">새 비밀번호</label>
<div className="relative"> <div className="relative">
<input <input
id="password" id="password"
@@ -337,7 +337,7 @@ export default function ResetPasswordPage() {
{/* 새 비밀번호 확인 */} {/* 새 비밀번호 확인 */}
<div className="space-y-2"> <div className="space-y-2">
<label htmlFor="passwordConfirm" className="text-[15px] font-semibold text-[#6c7682]">새 비밀번호 확인</label> <label htmlFor="passwordConfirm" className="text-[15px] font-semibold text-text-label">새 비밀번호 확인</label>
<div className="relative"> <div className="relative">
<input <input
id="passwordConfirm" id="passwordConfirm"
@@ -368,7 +368,7 @@ export default function ResetPasswordPage() {
<div className="flex gap-3"> <div className="flex gap-3">
<Link <Link
href="/login" href="/login"
className="h-[40px] flex-1 rounded-[12px] bg-[#f1f3f5] text-[18px] font-semibold text-center flex items-center justify-center text-basic-text" className="h-[40px] flex-1 rounded-[12px] bg-bg-gray-light text-[18px] font-semibold text-center flex items-center justify-center text-basic-text"
> >
이전 이전
</Link> </Link>