Merge pull request #44 from chingu-voyages/feature/local-storage

Feature/local storage

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
         />

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>