Add Onboarding Template and fix imports

web/components/Onboarding/GetStarted.tsx

@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function GetStartedPage({ setPage }: Props) {
+  return <div></div>;
+}

web/components/Onboarding/HouseholdInfo.tsx

@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function HouseholdInfoPage({ setPage }: Props) {
+  return <div></div>;
+}

web/components/Onboarding/LiabilityWaiver.tsx

@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function LiabilityWaiverPage({ setPage }: Props) {
+  return <div></div>;
+}

web/components/Onboarding/PreferredContact.tsx

@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function PreferredContactPage({ setPage }: Props) {
+  return <div></div>;
+}

web/components/Onboarding/RequestItems.tsx

@@ -0,0 +1,13 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function RequestItemsPage({ setPage }: Props) {
+
+  return (
+    <div>
+    </div>
+  )
+}

web/components/Onboarding/ShippingAddress.tsx

@@ -0,0 +1,9 @@
+import { useState } from "react";
+
+interface Props {
+  setPage: (arg0: any) => any;
+}
+
+export default function ShippingAddressPage({ setPage }: Props) {
+  return <div></div>;
+}

web/pages/admin/caregivers.tsx

@@ -4,7 +4,7 @@ import { useRouter } from "next/router";
 import React, { useMemo, useState } from "react";
 
 import { Caregiver } from "@lib/types/users";
-import { deleteCaretaker, getCaregivers } from "db/actions/caregiver/Caregiver";
+import { deleteCaretaker, getCaregivers } from "db/actions/admin/Caregiver";
 
 import CaretakerTable from "@components/CaretakerTable";
 

web/pages/caregiver/onboarding.tsx

@@ -0,0 +1,34 @@
+import { useState } from "react";
+
+import GetStartedPage from "@components/Onboarding/GetStarted";
+import HouseholdInfoPage from "@components/Onboarding/HouseholdInfo";
+import LiabilityWaiverPage from "@components/Onboarding/LiabilityWaiver";
+import RequestItemsPage from "@components/Onboarding/RequestItems";
+import ShippingAddressPage from "@components/Onboarding/ShippingAddress";
+import PreferredContactPage from "@components/Onboarding/PreferredContact";
+
+export default function CaregiverOnboarding() {
+  // Page 0 - Let's Get Started, Page 1 - Household Information, Page 2 - Liability Waiver,
+  // Page 3 - Request Items, Page 4 - Shipping Address, Page 5 - Contact Page
+  const [page, setPage] = useState(0);
+
+  return (
+    <div>
+      {page == 0 ? (
+        <GetStartedPage setPage={setPage} />
+      ) : page == 1 ? (
+        <HouseholdInfoPage setPage={setPage} />
+      ) : page == 2 ? (
+        <LiabilityWaiverPage setPage={setPage} />
+      ) : page == 3 ? (
+        <RequestItemsPage setPage={setPage} />
+      ) : page == 4 ? (
+        <ShippingAddressPage setPage={setPage} />
+      ) : page == 5 ? (
+        <PreferredContactPage setPage={setPage} />
+      ) : null
+      // Save data and route to next page
+      }
+    </div>
+  );
+}