From 1037efacc70e4ee9b6aa93c780749df76fc3fa2c Mon Sep 17 00:00:00 2001
From: yawcoder <isaac16anim@gmail.com>
Date: Fri, 11 Oct 2024 20:11:33 +0000
Subject: [PATCH] admin details added to local storage. Submit button on
 welcome page routed to first steps pages

---
 src/components/forms/AdminForm.jsx | 13 +++++++------
 src/pages/Welcome-Page.jsx         | 23 ++++++++++++++++++++++-
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/components/forms/AdminForm.jsx b/src/components/forms/AdminForm.jsx
index e0d1c29..93942ff 100644
--- a/src/components/forms/AdminForm.jsx
+++ b/src/components/forms/AdminForm.jsx
@@ -7,20 +7,19 @@ import { Label } from "../ui/label";
 export default function AdminForm({
   defaultValues = {},
   customSubmitText = "Submit",
+  onSubmit
 }) {
   return (
     <form
       className="grid gap-4 md:grid-cols-2"
-      onSubmit={(e) => {
-        e.preventDefault();
-        // update admin details
-      }}
+      onSubmit={onSubmit}
     >
       <Label className="">
         <span className="sr-only">first name</span>
         <Input
           type="text"
-          placeholder="firstName"
+          placeholder="First Name"
+          name="firstName"
           defaultValue={defaultValues?.firstName ?? ""}
           required
         />
@@ -29,7 +28,8 @@ export default function AdminForm({
         <span className="sr-only">last name</span>
         <Input
           type="text"
-          placeholder="lastName"
+          placeholder="Last Name"
+          name="lastName"
           defaultValue={defaultValues?.lastName ?? ""}
           required
         />
@@ -39,6 +39,7 @@ export default function AdminForm({
         <Input
           type="email"
           placeholder="Email"
+          name="email"
           defaultValue={defaultValues?.email ?? ""}
           required
         />
diff --git a/src/pages/Welcome-Page.jsx b/src/pages/Welcome-Page.jsx
index 1388c5a..a3c4332 100644
--- a/src/pages/Welcome-Page.jsx
+++ b/src/pages/Welcome-Page.jsx
@@ -1,6 +1,27 @@
 import AdminForm from "@/components/forms/AdminForm";
+import { useLocalStorage } from "@uidotdev/usehooks";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
 
 function WelcomePage() {
+  const navigate = useNavigate();
+
+  function handleSubmit(e){
+    e.preventDefault();
+
+    const adminData = {
+      firstName: e.target.firstName.value,
+      lastName: e.target.lastName.value,
+      email: e.target.email.value,
+    }
+
+    localStorage.setItem("admin", JSON.stringify(adminData))
+    navigate("/app/first-group");
+    
+  }
+
+
+
   return (
     <div className="welcome-page-container h-screen w-full flex flex-row gap-2  ">
       <div className="welcome-images relative hidden lg:flex  lg:w-[50%] flex-wrap ">
@@ -34,7 +55,7 @@ function WelcomePage() {
             Join now and be among the first to try it out! Just fill out your
             name and email, it’s simple as that!
           </p>
-          <AdminForm></AdminForm>
+          <AdminForm onSubmit={handleSubmit}/>
         </div>
       </div>
     </div>