danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

style: formatted auth page code

Browse Source
This commit is contained in:
Mahyar Khanbolooki
2025-07-01 00:44:35 +03:30
parent a81659ef6e
commit ec4d6d8523
1 changed files with 11 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/auth/page.tsx
+11 -68
View File
@@ -70,7 +70,7 @@ function AuthIndex({ }: Props) {
setStep(() => AUTH_STEP.ENTER_OTP)
}
else if (target.id === AUTH_PAGE_ELEMENT.RESEND_OTP) {
if(!timerRunning) {
if (!timerRunning) {
restart();
}
}
@@ -79,7 +79,7 @@ function AuthIndex({ }: Props) {
const onSubmit = async (e: FormEvent<HTMLFormElement>) => {
e.preventDefault();
if (step == AUTH_STEP.ENTER_NUMBER) {
if(await validatePhoneNumber(number)) {
if (await validatePhoneNumber(number)) {
setStep(AUTH_STEP.ENTER_PASSWORD)
} else {
setStep(AUTH_STEP.ENTER_OTP);
@@ -95,7 +95,7 @@ function AuthIndex({ }: Props) {
}
else if (step == AUTH_STEP.ENTER_OTP) {
stop();
if(await validatePhoneNumber(number)) {
if (await validatePhoneNumber(number)) {
setStep(AUTH_STEP.ENTER_RESET_PASSWORD)
} else {
setStep(AUTH_STEP.ENTER_NEW_PASSWORD)
@@ -106,7 +106,7 @@ function AuthIndex({ }: Props) {
setStep(AUTH_STEP.ENTER_NUMBER)
}
else if (step == AUTH_STEP.ENTER_NEW_PASSWORD) {
if(await signupUser(number, password)) {
if (await signupUser(number, password)) {
console.log("Signed up")
redirect("/")
} else {
@@ -115,72 +115,15 @@ function AuthIndex({ }: Props) {
}
}
if (step == AUTH_STEP.ENTER_NUMBER) {
// First Step -> Enter number
return (
<StepEnterNumber
onChange={onChange}
onSubmit={onSubmit}
value={number}
/>
)
const stepMap = {
[AUTH_STEP.ENTER_NUMBER]: <StepEnterNumber onChange={onChange} onSubmit={onSubmit} value={number} />,
[AUTH_STEP.ENTER_PASSWORD]: <StepEnterPassword onChange={onChange} onClick={onClick} onSubmit={onSubmit} value={password} passwordVisible={showPassword} rememberMe={rememberMe} />,
[AUTH_STEP.ENTER_OTP]: <StepEnterOtp onChange={onChange} onClick={onClick} phoneNumber={number} onSubmit={onSubmit} value={otp} timerRunning={timerRunning} secondsLeft={secondsLeft} />,
[AUTH_STEP.ENTER_NEW_PASSWORD]: <StepNewPassword onChange={onChange} onClick={onClick} onSubmit={onSubmit} value={password} repeatValue={passwordRepeat} passwordVisible={showPassword} repeatPasswordVisible={showPasswordRepeat} />,
[AUTH_STEP.ENTER_RESET_PASSWORD]: <StepNewPassword reset onChange={onChange} onClick={onClick} onSubmit={onSubmit} value={password} repeatValue={passwordRepeat} passwordVisible={showPassword} repeatPasswordVisible={showPasswordRepeat} />,
}
if (step == AUTH_STEP.ENTER_PASSWORD) {
return (
<StepEnterPassword
onChange={onChange}
onClick={onClick}
onSubmit={onSubmit}
value={password}
passwordVisible={showPassword}
rememberMe={rememberMe}
/>
)
}
if (step == AUTH_STEP.ENTER_OTP) {
return (
<StepEnterOtp
onChange={onChange}
onClick={onClick}
phoneNumber={number}
onSubmit={onSubmit}
value={otp}
timerRunning={timerRunning}
secondsLeft={secondsLeft}
/>
)
}
if (step == AUTH_STEP.ENTER_NEW_PASSWORD) {
return (
<StepNewPassword
onChange={onChange}
onClick={onClick}
onSubmit={onSubmit}
value={password}
repeatValue={passwordRepeat}
passwordVisible={showPassword}
repeatPasswordVisible={showPasswordRepeat}
/>
)
}
if (step == AUTH_STEP.ENTER_RESET_PASSWORD) {
return (
<StepNewPassword
reset
onChange={onChange}
onClick={onClick}
onSubmit={onSubmit}
value={password}
repeatValue={passwordRepeat}
passwordVisible={showPassword}
repeatPasswordVisible={showPasswordRepeat}
/>
)
}
return stepMap[step] || 'say what now?'
}
export default AuthIndex