Fix register to keep the email on component state (#33)

* fix Tarhche and dashboard persian title in all pages

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

Author: parisaam

src/app/(auth)/layout.tsx

@@ -4,8 +4,8 @@ import {Container} from "@mantine/core";
 
 export const metadata: Metadata = {
   title: {
-    default: "احراز هویت | طرحچه",
-    template: "%s | احراز هویت | طرحچه",
+    default: "احراز هویت | طرح‌چه",
+    template: "%s | احراز هویت | طرح‌چه",
   },
 };
 

src/app/(dashboard)/dashboard/layout.tsx

@@ -7,8 +7,8 @@ import {APP_PATHS} from "@/lib/app-paths";
 
 export const metadata: Metadata = {
   title: {
-    template: `%s | ${buildTitle("داشبرد", {withBrand: true})}`,
-    default: buildTitle("داشبرد"),
+    template: `%s | ${buildTitle("پنل کاربری", {withBrand: true})}`,
+    default: buildTitle("پنل کاربری"),
   },
 };
 

src/app/(dashboard)/dashboard/not-found.tsx

@@ -3,7 +3,7 @@ import {NotFound} from "@/components/not-found";
 function NotFoundPage() {
   return (
     <NotFound
-      anchorText="داشبرد"
+      anchorText="پنل کاربری"
       title="این صفحه وجود ندارد"
       anchorLink="/dashboard"
     />

src/app/(dashboard)/dashboard/page.tsx

@@ -3,7 +3,7 @@ import {Title} from "@mantine/core";
 function DashboardPage() {
   return (
     <div>
-      <Title>داشبرد</Title>
+      <Title>پنل کاربری</Title>
     </div>
   );
 }

src/app/layout.tsx

@@ -8,8 +8,8 @@ import "./globals.css";
 
 export const metadata: Metadata = {
   title: {
-    default: "طرحچه",
-    template: "%s | طرحچه",
+    default: "طرح‌چه",
+    template: "%s | طرح‌چه",
   },
   description: "طرح‌چه",
 };

src/constants/strings.ts

@@ -1,4 +1,4 @@
-export const BRAND_NAME = "طرحچه";
+export const BRAND_NAME = "طرح‌چه";
 
 export const ACCESS_TOKEN_COOKIE_NAME = "access_token";
 export const REFRESH_TOKEN_COOKIE_NAME = "refresh_token";

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) && (

src/features/breadcrumbs/components/breadcrumbs.tsx

@@ -13,7 +13,7 @@ export function DashboardBreadcrumbs({crumbs}: Props) {
     <Breadcrumbs
       crumbs={[
         {
-          label: "داشبرد",
+          label: "پنل کاربری",
           href: `${APP_PATHS.dashboard.index}`,
         },
         ...crumbs,

src/features/dashboard-layout/components/layout-shell.tsx

@@ -48,7 +48,7 @@ export function LayoutShell({children}: Props) {
               size="sm"
             />
             <Text component={Link} href={"/"}>
-              طرحچه
+              طرح‌چه
             </Text>
           </Group>
           <Group h="100%" align="center">