add generate teams mutation hook (#60)

src/app/(app)/course/[courseId]/setup/(hooks)/useSetupSteps.tsx

@@ -9,6 +9,7 @@ import { useImportStudentsFromLms } from "@/hooks/use-import-students-from-lms"
 import { useImportStudentGradebookData } from "@/hooks/use-import-student-gradebook-data"
 import { GenerateOptInQuiz } from "@/app/(app)/course/[courseId]/setup/(components)/GenerateOptInQuiz"
 import { useOnboardingProgress } from "@/hooks/use-onboarding-progress"
+import { useGenerateTeams } from "@/hooks/use-generate-teams"
 
 interface UseSetupStepsReturnType {
   steps: NonEmptyArray<StepDefinition>;
@@ -21,12 +22,13 @@ export const useSetupSteps = (): UseSetupStepsReturnType => {
 
   const { importStudentsFromLmsAsync } = useImportStudentsFromLms()
   const { importStudentGradebookData } = useImportStudentGradebookData()
-
-  // todo: generate teams mutation
+  const { generateTeamsAsync } = useGenerateTeams()
 
   if (!data || isLoading) {
     return {
-      steps: ORDERED_STEPS.map((step) => BASE_STEPS[step]) as NonEmptyArray<StepDefinition>,
+      steps: ORDERED_STEPS.map(
+        (step) => BASE_STEPS[step],
+      ) as NonEmptyArray<StepDefinition>,
       isLoading,
       onboardingProgress: data,
     }
@@ -41,6 +43,10 @@ export const useSetupSteps = (): UseSetupStepsReturnType => {
       content: "Import gradebook data",
       onClick: () => importStudentGradebookData(undefined),
     },
+    GENERATE_TEAMS: {
+      content: "Generate teams",
+      onClick: () => generateTeamsAsync(undefined),
+    },
   }
 
   const currentStep = getCurrentStep(data)

src/hooks/use-generate-teams.ts

@@ -0,0 +1,36 @@
+import { useToast } from "@/hooks/use-toast"
+import { useCourse } from "@/app/(app)/course/[courseId]/(hooks)/useCourse"
+import { useMutation } from "@tanstack/react-query"
+import { defaultMutationFn } from "@/app/(providers)/query-client-provider"
+
+export const useGenerateTeams = () => {
+  const { toast } = useToast()
+  const { courseId } = useCourse()
+  const mutation = useMutation<void, any, void>({
+    mutationFn: async () => {
+      return defaultMutationFn(
+        `courses/${courseId}/generate_teams/`,
+        undefined,
+        { allowEmptyResponse: true },
+      )
+    },
+    onSuccess: () => {
+      toast({
+        title: "Teams generated successfully",
+      })
+    },
+    onError: () => {
+      toast({
+        variant: "destructive",
+        title: "Unable to generate teams",
+        description:
+          "Something went wrong while generating teams. Please try again later.",
+      })
+    },
+  })
+
+  return {
+    generateTeamsAsync: mutation.mutateAsync,
+    ...mutation,
+  }
+}

src/hooks/use-import-student-gradebook-data.ts

@@ -6,7 +6,7 @@ import { defaultMutationFn } from "@/app/(providers)/query-client-provider"
 export const useImportStudentGradebookData = () => {
   const { toast } = useToast()
   const { courseId } = useCourse()
-  const mutation = useMutation<undefined, unknown, undefined>({
+  const mutation = useMutation<void, unknown, void>({
     mutationFn: async () => {
       return defaultMutationFn(
         `courses/${courseId}/import_gradebook_attribute_from_lms/`,

src/hooks/use-import-students-from-lms.ts

@@ -6,7 +6,7 @@ import { defaultMutationFn } from "@/app/(providers)/query-client-provider"
 export const useImportStudentsFromLms = () => {
   const { toast } = useToast()
   const { courseId } = useCourse()
-  const mutation = useMutation<undefined, unknown, undefined>({
+  const mutation = useMutation<void, unknown, void>({
     mutationFn: async () => {
       return defaultMutationFn(`courses/${courseId}/import_students_from_lms/`, undefined, {allowEmptyResponse: true})
     },