Added new pages to dashboard

2024-03-23 17:03:13 +01:00
parent 07f7a90c0d
commit ea4e6b7a59
23 changed files with 743 additions and 313 deletions
@@ -0,0 +1,51 @@
+import { Button, InputCompOne, Stepper } from "..";
+import { useNavigate } from "react-router-dom";
+import { RouteHandler } from "../../router/routes";
+
+export default function DashboardFormInit() {
+  let navigate = useNavigate();
+
+  const navigateToProfile = () => navigate(RouteHandler.dashboardProfile);
+  return (
+    <div className="w-full">
+      <div className="w-full flex justify-center">
+        <Stepper step={0} />
+      </div>
+      <div className="mt-[3.25rem] flex flex-col gap-9">
+        <InputCompOne
+          parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+          name="applyIshInput"
+          label="How Much Do You Want To Apply For?"
+          labelClass="font-bold text-[1.125rem]"
+          input
+          inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+          placeholder="350,000"
+        />
+        <InputCompOne
+          parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+          name="applyIshInput"
+          label="For How Many Months?"
+          labelClass="font-bold text-[1.125rem]"
+          input
+          inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+          placeholder="12 Months"
+        />
+        <InputCompOne
+          parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+          name="applyIshInput"
+          label="Direct sales agent ID ( Optional )"
+          labelClass="font-bold text-[1.125rem]"
+          input
+          inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+          placeholder="Agent ID"
+        />
+        <Button
+          className="my-8 max-w-[25.875rem] btn-Y text-black w-full h-11"
+          text="Next"
+          type="button"
+          onClick={navigateToProfile}
+        />
+      </div>
+    </div>
+  );
+}