feat: add verify-email route and update email verification logic

Author: diegotc86

.react-router/types/+register.ts

@@ -28,4 +28,5 @@ type Params = {
   "/account/profile": {};
   "/account/orders": {};
   "/not-found": {};
+  "/verify-email": {};
 };

src/routes.ts

@@ -23,6 +23,7 @@ export default [
         route("orders", "./routes/account/orders/index.tsx"),
       ]),
       route("/not-found", "./routes/not-found/index.tsx"),
+      route("/verify-email", "./routes/verify-email/index.tsx"),
     ],
   },
 ] satisfies RouteConfig;

src/routes/verify-email/index.tsx

@@ -0,0 +1,14 @@
+import { verifyUniqueEmail } from "@/services/user.service";
+
+import type { Route } from "./+types";
+
+export async function loader({ request }: Route.ActionArgs) {
+  const url = new URL(request.url);
+  const email = url.searchParams.get("email");
+
+  if (email) {
+    const response = await verifyUniqueEmail(email);
+    return response;
+  }
+  return false;
+}

src/services/user.client-service.ts

@@ -1,6 +1,17 @@
-import { verifyUniqueEmail } from "./user.service";
-
-// Se mantiene para hacer la validación de correo electrónico en el registro del lado del cliente
 export async function findEmail(email: string): Promise<boolean> {
-  return verifyUniqueEmail(email);
+  try {
+    const response = await fetch(
+      `/verify-email?email=${encodeURIComponent(email)}`
+    );
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const result = await response.json();
+    return result;
+  } catch (error) {
+    console.error("Error verifying email:", error);
+    return false;
+  }
 }

src/services/user.service.ts

@@ -54,5 +54,5 @@ export async function verifyUniqueEmail(email: string): Promise<boolean> {
     where: { email },
   });
 
-  return user ? true : false;
+  return user ? false : true;
 }