added onboarding overview

trevorpfiz · Dec 6, 2023 · a8645ed · a8645ed
1 parent a7881a7
commit a8645ed
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 7 deletions.
diff --git a/apps/nextjs/src/app/(authenticated)/onboarding/_components/consent-form.tsx b/apps/nextjs/src/app/(authenticated)/onboarding/_components/consent-form.tsx
@@ -19,12 +19,13 @@ import {
 } from "@acme/ui/form";
 import { useToast } from "@acme/ui/use-toast";
 
+import { useStepStatusUpdater } from "~/components/ui/steps";
 import { api } from "~/trpc/react";
 import { uploadTestPdf } from "./upload-test";
 
 export function ConsentForm(props: { onSuccess?: () => void }) {
-  const router = useRouter();
   const toaster = useToast();
+  const updater = useStepStatusUpdater();
 
   const mutation = api.canvas.submitConsent.useMutation({
     onSuccess: (data) => {
@@ -37,6 +38,8 @@ export function ConsentForm(props: { onSuccess?: () => void }) {
         ),
       });
 
+      updater.updateStepStatus("consent", "complete");
+
       // Call the passed onSuccess prop if it exists
       if (props.onSuccess) {
         props.onSuccess();

diff --git a/apps/nextjs/src/app/(authenticated)/onboarding/_components/questionnaire-form.tsx b/apps/nextjs/src/app/(authenticated)/onboarding/_components/questionnaire-form.tsx
@@ -11,6 +11,7 @@ import { Button } from "@acme/ui/button";
 import { Form } from "@acme/ui/form";
 import { useToast } from "@acme/ui/use-toast";
 
+import { useStepStatusUpdater } from "~/components/ui/steps";
 import { useZodForm } from "~/lib/zod-form";
 import { api } from "~/trpc/react";
 import { CheckboxQuestion } from "./checkbox-question";
@@ -27,8 +28,8 @@ interface QuestionnaireProps {
 export function QuestionnaireForm(props: QuestionnaireProps) {
   const { questionnaireId, onSuccess } = props;
 
-  const router = useRouter();
   const toaster = useToast();
+  const updater = useStepStatusUpdater();
 
   const { isLoading, isError, data, error } =
     api.canvas.getQuestionnaire.useQuery({
@@ -46,6 +47,8 @@ export function QuestionnaireForm(props: QuestionnaireProps) {
         ),
       });
 
+      updater.updateStepStatus("questionnaire", "complete");
+
       // Call the passed onSuccess prop if it exists
       if (onSuccess) {
         onSuccess();

diff --git a/apps/nextjs/src/components/ui/steps.tsx b/apps/nextjs/src/components/ui/steps.tsx
@@ -5,6 +5,7 @@ import { atomWithStorage } from "jotai/utils";
 
 import { cn } from "@acme/ui";
 
+type StepId = "welcome" | "coverage" | "consent" | "questionnaire";
 type StepStatus = "complete" | "current" | "upcoming";
 
 const initialSteps = [
@@ -50,7 +51,7 @@ export const stepsAtom = atomWithStorage(
 export const useStepStatusUpdater = () => {
   const [steps, setSteps] = useAtom(stepsAtom);
 
-  const updateStepStatus = (stepId: string, newStatus: StepStatus) => {
+  const updateStepStatus = (stepId: StepId, newStatus: StepStatus) => {
     const stepIndex = steps.findIndex((step) => step.id === stepId);
     if (stepIndex === -1) return; // Step not found
 

diff --git a/packages/api/src/canvas/canvas-api.ts b/packages/api/src/canvas/canvas-api.ts
@@ -92,9 +92,8 @@ export const api = createApiClient(async (method, url, params) => {
       url += `?${queryParams}`;
     }
   }
-  
+
   // console.log(method, url, params, "parameters");
 
   return fetch(url, options).then((res) => res.json());
 }, env.FUMAGE_BASE_URL);
-
diff --git a/packages/api/src/canvas/canvas-client.ts b/packages/api/src/canvas/canvas-client.ts
@@ -5,8 +5,8 @@ import {
   bundleSchema,
   careTeamSchema,
   ResourceSchema,
-  scheduleBundleSchema, 
-  slotBundleSchema
+  scheduleBundleSchema,
+  slotBundleSchema,
 } from "../validators";
 
 export type post_GetAnOauthToken = typeof post_GetAnOauthToken;