diff --git a/nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/EditAssignment.tsx b/nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/EditAssignment.tsx index 68f19bd..deba104 100644 --- a/nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/EditAssignment.tsx +++ b/nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/EditAssignment.tsx @@ -153,8 +153,16 @@ function AssignmentButtons({ }) { const { courseName } = useCourseContext(); const { data: settings } = useLocalCourseSettingsQuery(); - const { data: canvasAssignments } = useCanvasAssignmentsQuery(); - const { data: assignment } = useAssignmentQuery(moduleName, assignmentName); + const { + data: canvasAssignments, + isPending: canvasIsPending, + isRefetching: canvasIsRefetching, + } = useCanvasAssignmentsQuery(); + const { + data: assignment, + isPending: assignmentIsPending, + isRefetching, + } = useAssignmentQuery(moduleName, assignmentName); const addToCanvas = useAddAssignmentToCanvasMutation(); const deleteFromCanvas = useDeleteAssignmentFromCanvasMutation(); const updateAssignment = useUpdateAssignmentInCanvasMutation(); @@ -162,15 +170,23 @@ function AssignmentButtons({ const assignmentInCanvas = canvasAssignments.find( (a) => a.name === assignmentName ); + + const anythingIsLoading = + addToCanvas.isPending || + canvasIsPending || + assignmentIsPending || + isRefetching || + canvasIsRefetching || + deleteFromCanvas.isPending || + updateAssignment.isPending; + return (