feat(user-signup): [next-ts-middle-out] 🔵 add signup service

Author: nuria-fl

exercises/user_signup/solutions/codely_next-typescript-middle-out/src/components/SignUpForm.tsx

@@ -1,14 +1,19 @@
 import React, { useState } from "react";
+import { signUpUser } from "../services/signUpUser";
 import { Input } from "./Input";
 
 type FormStatus = "success" | "error" | "initial"
 
 export function SignUpForm() {
   const [formStatus, setFormStatus] = useState<FormStatus>("initial")
 
-  function handleSubmit(ev: React.FormEvent) {
+  async function handleSubmit(ev: React.FormEvent) {
     ev.preventDefault()
-    setFormStatus("success")
+    const data = new FormData(ev.target as HTMLFormElement);
+    const entries = Object.fromEntries(data.entries()) as { [key: string]: string };
+
+    await signUpUser({name: entries.name, email: entries.email});
+    setFormStatus("success");
   }
 
   if (formStatus === "success") {

exercises/user_signup/solutions/codely_next-typescript-middle-out/src/services/signUpUser.ts

@@ -0,0 +1,3 @@
+export async function signUpUser({name, email}: {name: string, email: string}): Promise<void> {
+  return;
+}