Fix error handling signup page

Vizzuality · Nov 18, 2024 · 3158e8c · 3158e8c
1 parent c67b6a3
commit 3158e8c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/client/src/containers/auth/signup/form/action.ts b/client/src/containers/auth/signup/form/action.ts
@@ -1,5 +1,7 @@
 "use server";
 
+import { headers } from "next/headers";
+
 import { CreateUserSchema } from "@shared/schemas/users/create-user.schema";
 
 import { client } from "@/lib/query-client";
@@ -24,9 +26,11 @@ export async function signUpAction(
   }
 
   try {
+    const headersList = headers();
     const response = await client.auth.register.mutation({
       extraHeaders: {
         Authorization: `Bearer ${data.get("token")}`,
+        origin: headersList.get("host") || undefined,
       },
       body: {
         name: parsed.data.name,
@@ -35,11 +39,12 @@ export async function signUpAction(
       },
     });
 
-    if (response.status === 401) {
+    if (response.status !== 201) {
       return {
         ok: false,
         message:
-          response.body.errors?.map(({ title }) => title) ?? "unknown error",
+          response.body.errors?.map(({ title }) => title).join("\n") ??
+          "unknown error",
       };
     }
   } catch (error: Error | unknown) {

diff --git a/client/src/containers/auth/signup/form/index.tsx b/client/src/containers/auth/signup/form/index.tsx
@@ -135,6 +135,9 @@ const TokenSignUpForm: FC = () => {
             )}
           />
 
+          {!status.ok && status.message && (
+            <div className="text-center text-destructive">{status.message}</div>
+          )}
           <div className="flex justify-end gap-2">
             <Button variant="outline" asChild>
               <Link href="/auth/signin">Cancel</Link>