store email in state and reload in form filed on component rerender for registration

Author: parisaam

src/features/auth/actions/register-user.ts

@@ -5,15 +5,18 @@ import {registerUser as signUpUser} from "@/dal/public/auth";
 type SuccessRegisterState = {
   success: true;
   message: string;
+  email : string;
 };
 
 type FailureRegisterState = {
   success: false;
   errorMessage: string;
+  email : string;
 };
 
 type UntouchedState = {
   success: undefined;
+  email : string;
 };
 
 type State = SuccessRegisterState | FailureRegisterState | UntouchedState;
@@ -31,6 +34,7 @@ export async function registerUser(
     return {
       success: true,
       message: "",
+      email: email,
     };
   } catch (e) {
     if (e instanceof DALDriverError) {
@@ -39,12 +43,14 @@ export async function registerUser(
         return {
           success: false,
           errorMessage: errors.identity,
+          email: email ?? "",
         };
       }
     }
   }
   return {
     success: false,
     errorMessage: "خطایی ناشناخته اتفاق افتاد لطفا دوباره تلاش نمایید",
+    email: email ?? "",
   };
 }

src/features/auth/components/register-form.tsx

@@ -17,6 +17,7 @@ import {registerUser} from "../actions/register-user";
 export function RegisterForm() {
   const [state, dispatch, isPending] = useActionState(registerUser, {
     success: undefined,
+    email: undefined,
   });
 
   const renderFeedbackAlert = () => {
@@ -79,6 +80,7 @@ export function RegisterForm() {
             mt={"md"}
             required
             disabled={state.success}
+            defaultValue={state.email}
           />
           {renderFeedbackAlert()}
           {(state.success === false || state.success === undefined) && (