updating hooks to reuse more code

nextjs/src/app/course/[courseName]/calendar/CalendarMonth.tsx

@@ -20,7 +20,7 @@ export const CalendarMonth = ({ month }: { month: CalendarMonthModel }) => {
     <>
       <Expandable
         defaultExpanded={!isInPast}
-        ExpandableElement={({ setIsExpanded, isExpanded }) => (
+        ExpandableElement={({ setIsExpanded }) => (
           <div className="flex justify-center">
             <h3
               className={

nextjs/src/app/course/[courseName]/context/DraggingContextProvider.tsx

@@ -64,30 +64,30 @@ export default function DraggingContextProvider({
         const quiz = itemBeingDragged.item as LocalQuiz;
 
         updateQuizMutation.mutate({
-          quiz: quiz,
-          quizName: quiz.name,
+          item: quiz,
+          itemName: quiz.name,
           moduleName: dropModuleName,
           previousModuleName: itemBeingDragged.sourceModuleName,
-          previousQuizName: quiz.name,
+          previousItemName: quiz.name,
         });
       }
       function updateAssignment() {
         const assignment = itemBeingDragged.item as LocalAssignment;
         updateAssignmentMutation.mutate({
-          assignment,
+          item: assignment,
           previousModuleName: itemBeingDragged.sourceModuleName,
           moduleName: dropModuleName,
-          assignmentName: assignment.name,
-          previousAssignmentName: assignment.name,
+          itemName: assignment.name,
+          previousItemName: assignment.name,
         });
       }
       function updatePage() {
         const page = itemBeingDragged.item as LocalCoursePage;
         updatePageMutation.mutate({
-          page,
+          item: page,
           moduleName: dropModuleName,
-          pageName: page.name,
-          previousPageName: page.name,
+          itemName: page.name,
+          previousItemName: page.name,
           previousModuleName: itemBeingDragged.sourceModuleName,
         });
       }
@@ -129,11 +129,11 @@ export default function DraggingContextProvider({
           lockAt: getLaterDate(previousQuiz.lockAt, dayAsDate),
         };
         updateQuizMutation.mutate({
-          quiz: quiz,
-          quizName: quiz.name,
+          item: quiz,
+          itemName: quiz.name,
           moduleName: itemBeingDragged.sourceModuleName,
           previousModuleName: itemBeingDragged.sourceModuleName,
-          previousQuizName: quiz.name,
+          previousItemName: quiz.name,
         });
       }
       function updatePage(dayAsDate: Date) {
@@ -143,10 +143,10 @@ export default function DraggingContextProvider({
           dueAt: dateToMarkdownString(dayAsDate),
         };
         updatePageMutation.mutate({
-          page,
+          item: page,
           moduleName: itemBeingDragged.sourceModuleName,
-          pageName: page.name,
-          previousPageName: page.name,
+          itemName: page.name,
+          previousItemName: page.name,
           previousModuleName: itemBeingDragged.sourceModuleName,
         });
       }
@@ -165,11 +165,11 @@ export default function DraggingContextProvider({
               : dateToMarkdownString(dayAsDate)),
         };
         updateAssignmentMutation.mutate({
-          assignment,
+          item: assignment,
           previousModuleName: itemBeingDragged.sourceModuleName,
           moduleName: itemBeingDragged.sourceModuleName,
-          assignmentName: assignment.name,
-          previousAssignmentName: assignment.name,
+          itemName: assignment.name,
+          previousItemName: assignment.name,
         });
       }
     },

nextjs/src/app/course/[courseName]/modules/ExpandableModule.tsx

@@ -32,8 +32,6 @@ export default function ExpandableModule({
   const { data: quizzes } = useQuizzesQueries(moduleName);
   const { data: pages } = usePagesQueries(moduleName);
 
-  // const [expanded, setExpanded] = useState(false);
-
   const moduleItems: {
     type: "assignment" | "quiz" | "page";
     item: IModuleItem;
@@ -62,7 +60,6 @@ export default function ExpandableModule({
           "item due date in expandable module"
         ).getTime()
     );
-  // const expandRef = useRef<HTMLDivElement | null>(null);
 
   return (
     <div

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

@@ -58,11 +58,11 @@ export default function EditAssignment({
           console.log("updating assignment");
           updateAssignment
             .mutateAsync({
-              assignment: updatedAssignment,
+              item: updatedAssignment,
               moduleName,
-              assignmentName: updatedAssignment.name,
+              itemName: updatedAssignment.name,
               previousModuleName: moduleName,
-              previousAssignmentName: assignmentName,
+              previousItemName: assignmentName,
             })
             .then(() => {
               if (updatedAssignment.name !== assignmentName)

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

@@ -44,11 +44,11 @@ export default function EditPage({
           console.log("updating page");
           updatePage
             .mutateAsync({
-              page: updatedPage,
+              item: updatedPage,
               moduleName,
-              pageName: updatedPage.name,
+              itemName: updatedPage.name,
               previousModuleName: moduleName,
-              previousPageName: pageName,
+              previousItemName: pageName,
             })
             .then(() => {
               if (updatedPage.name !== pageName)

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

@@ -84,11 +84,11 @@ export default function EditQuiz({
           const updatedQuiz = quizMarkdownUtils.parseMarkdown(quizText);
           updateQuizMutation
             .mutateAsync({
-              quiz: updatedQuiz,
+              item: updatedQuiz,
               moduleName,
-              quizName: updatedQuiz.name,
+              itemName: updatedQuiz.name,
               previousModuleName: moduleName,
-              previousQuizName: quizName,
+              previousItemName: quizName,
             })
             .then(() => {
               if (updatedQuiz.name !== quizName)