style: formatted auth page code

src/app/auth/page.tsx

@@ -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) {
+    const stepMap = {
-        // First Step -> Enter number
+        [AUTH_STEP.ENTER_NUMBER]: <StepEnterNumber onChange={onChange} onSubmit={onSubmit} value={number} />,
-        return (
+        [AUTH_STEP.ENTER_PASSWORD]: <StepEnterPassword onChange={onChange} onClick={onClick} onSubmit={onSubmit} value={password} passwordVisible={showPassword} rememberMe={rememberMe} />,
-            <StepEnterNumber
+        [AUTH_STEP.ENTER_OTP]: <StepEnterOtp onChange={onChange} onClick={onClick} phoneNumber={number} onSubmit={onSubmit} value={otp} timerRunning={timerRunning} secondsLeft={secondsLeft} />,
-                onChange={onChange}
+        [AUTH_STEP.ENTER_NEW_PASSWORD]: <StepNewPassword onChange={onChange} onClick={onClick} onSubmit={onSubmit} value={password} repeatValue={passwordRepeat} passwordVisible={showPassword} repeatPasswordVisible={showPasswordRepeat} />,
-                onSubmit={onSubmit}
+        [AUTH_STEP.ENTER_RESET_PASSWORD]: <StepNewPassword reset onChange={onChange} onClick={onClick} onSubmit={onSubmit} value={password} repeatValue={passwordRepeat} passwordVisible={showPassword} repeatPasswordVisible={showPasswordRepeat} />,
-                value={number}
-            />
-        )
     }
 
-    if (step == AUTH_STEP.ENTER_PASSWORD) {
+    return stepMap[step] || 'say what now?'
-        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}
-            />
-        )
-    }
 }
 
 export default AuthIndex