🩹 (simple-fix) fix handler error request

features/auth/models/submitRegisterForm.ts

@@ -1,8 +1,27 @@
 "use server";
 
+import { apiErrorHandler } from "@/shared/lib/ky/errorHandler";
 import { RegisterInputs } from "../ui/components/ProvisionInput";
+import { ServerRequestCallback } from "@/shared/types/serverRequestCallback";
 
-export const submitRegisterForm = async (data: RegisterInputs) => {
-  await new Promise((resolve) => setTimeout(resolve, 3000));
-  return data;
+export const submitRegisterForm = async (
+  data: RegisterInputs
+): Promise<ServerRequestCallback> => {
+  if (data.password !== data.confirmPassword)
+    return apiErrorHandler([], {
+      success: false,
+      status: 400,
+      text: { message: "Password and Confirm Password do not match" },
+    });
+
+  try {
+    await new Promise((resolve) => setTimeout(resolve, 3000));
+    return {
+      success: true,
+      status: 200,
+      text: { message: "Registration successful" },
+    };
+  } catch (error) {
+    return apiErrorHandler(error);
+  }
 };

features/auth/ui/components/ProvisionInput.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
-import { Button, Form, Input } from "@heroui/react";
+import { addToast, Button, Form, Input } from "@heroui/react";
 import { SubmitHandler, useForm } from "react-hook-form";
 import { submitRegisterForm } from "../../models/submitRegisterForm";
 
@@ -22,9 +22,16 @@ const ProvisionInput = ({ fullname }: Props) => {
 
   const [submitStatus, setSubmitStatus] = useState(false);
   const onSubmit: SubmitHandler<RegisterInputs> = async (data) => {
+    setSubmitStatus(true);
     console.log("Mensubmit");
     const returnData = await submitRegisterForm(data);
     console.log(returnData);
+    addToast({
+      color: "danger",
+      title: "😬 Oops, something went wrong!",
+      description: returnData.text.message,
+    });
+    setSubmitStatus(false);
   };
 
   return (

features/oauth-callback/lib/sendCallbackToServer.ts

@@ -1,14 +1,7 @@
 "use server";
 import { api } from "@/shared/lib/ky/connector";
 import { apiErrorHandler } from "@/shared/lib/ky/errorHandler";
-import { HTTPError } from "ky";
-
-interface SendCallbackResponse {
-  success: boolean;
-  status: number;
-  text: { message: string };
-  data?: any;
-}
+import { ServerRequestCallback } from "@/shared/types/serverRequestCallback";
 
 /**
  * @function SendCallbackToServer
@@ -64,7 +57,7 @@ interface SendCallbackResponse {
 export const SendCallbackToServer = async (
   data: string,
   provider: string
-): Promise<SendCallbackResponse> => {
+): Promise<ServerRequestCallback> => {
   // Construct the backend and frontend handler URLs
   const backendHandlerUrl = `auth/${provider}/callback/`;
   const frontendHandlerUrl = `${process.env

shared/lib/ky/errorHandler.ts

@@ -2,9 +2,15 @@
 
 import { HTTPError } from "ky";
 
+export type CallApiErrorHandler = {
+  success?: boolean;
+  status?: number;
+  text?: { message?: string };
+};
+
 export const apiErrorHandler = async (
   error: unknown,
-  safeFail: boolean = false
+  safeFail?: CallApiErrorHandler
 ) => {
   if (error instanceof HTTPError) {
     return {
@@ -16,9 +22,11 @@ export const apiErrorHandler = async (
 
   if (safeFail) {
     return {
-      success: false,
-      status: 500,
-      text: { message: "An unexpected error occurred" },
+      success: safeFail.success || false,
+      status: safeFail.status || 500,
+      text: {
+        message: safeFail.text?.message || "An unexpected error occurred",
+      },
     };
   } else {
     throw error;

shared/types/ServerRequestCallback.ts

@@ -0,0 +1,7 @@
+export type ServerRequestCallback = {
+  success: boolean;
+  status: number;
+  text: { message: string };
+  data?: any;
+  error?: unknown;
+};