handling module items

nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/EditAssignment.tsx

@@ -179,7 +179,7 @@ function AssignmentButtons({
     canvasIsRefetching ||
     deleteFromCanvas.isPending ||
     updateAssignment.isPending;
-    
+
   return (
     <div className="p-5 flex flex-row justify-between gap-3">
       <div>
@@ -193,7 +193,7 @@ function AssignmentButtons({
         {!assignmentInCanvas && (
           <button
             disabled={addToCanvas.isPending}
-            onClick={() => addToCanvas.mutate(assignment)}
+            onClick={() => addToCanvas.mutate({ assignment, moduleName })}
           >
             Add to canvas
           </button>

nextjs/src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPageButtons.tsx

@@ -40,7 +40,7 @@ export default function EditPageButtons({
       {requestIsPending && <Spinner />}
       {!pageInCanvas && (
         <button
-          onClick={() => createPageInCanvas.mutate(page)}
+          onClick={() => createPageInCanvas.mutate({ page, moduleName })}
           disabled={requestIsPending}
         >
           Add to Canvas

nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/QuizButton.tsx

@@ -1,6 +1,10 @@
 import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
 import { Spinner } from "@/components/Spinner";
-import { useCanvasQuizzesQuery, useAddQuizToCanvasMutation, useDeleteQuizFromCanvasMutation } from "@/hooks/canvas/canvasQuizHooks";
+import {
+  useCanvasQuizzesQuery,
+  useAddQuizToCanvasMutation,
+  useDeleteQuizFromCanvasMutation,
+} from "@/hooks/canvas/canvasQuizHooks";
 import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
 import { useQuizQuery } from "@/hooks/localCourse/quizHooks";
 import { baseCanvasUrl } from "@/services/canvas/canvasServiceUtils";
@@ -38,9 +42,9 @@ export function QuizButtons({
         {!quizInCanvas && (
           <button
             disabled={addToCanvas.isPending}
-            onClick={() => addToCanvas.mutate(quiz)}
+            onClick={() => addToCanvas.mutate({ quiz, moduleName })}
           >
-            Add to canvas....
+            Add to canvas
           </button>
         )}
         {quizInCanvas && (