more date fixes

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

@@ -1,16 +1,10 @@
-"use client"
+"use client";
 import { useState } from "react";
 import { CalendarMonthModel } from "./calendarMonthUtils";
-import { DayOfWeek, LocalCourse } from "@/models/local/localCourse";
+import { DayOfWeek } from "@/models/local/localCourse";
 import Day from "./Day";
 
-export const CalendarMonth = ({
+export const CalendarMonth = ({ month }: { month: CalendarMonthModel }) => {
-  month,
-  localCourse,
-}: {
-  month: CalendarMonthModel;
-  localCourse: LocalCourse;
-}) => {
   const [isCollapsed, setIsCollapsed] = useState(false);
 
   const isInPast =
@@ -40,14 +34,7 @@ export const CalendarMonth = ({
       <div id={monthName}>
         <div className="grid grid-cols-7 text-center fw-bold">
           {weekDaysList.map((day) => (
-            <div
+            <div key={day} className={""}>
-              key={day}
-              className={
-                localCourse?.settings.daysOfWeek.includes(day)
-                  ? "col"
-                  : "col text-secondary"
-              }
-            >
               {day}
             </div>
           ))}
@@ -63,4 +50,4 @@ export const CalendarMonth = ({
       </div>
     </>
   );
-}
+};

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

@@ -5,27 +5,23 @@ import { getMonthsBetweenDates } from "./calendarMonthUtils";
 import { CalendarMonth } from "./CalendarMonth";
 
 export default function CourseCalendar() {
-  const context = useCourseContext();
+  const {
+    localCourse: {
+      settings: { startDate, endDate },
+    },
+  } = useCourseContext();
 
-  const startDate = getDateFromStringOrThrow(
+  const startDateTime = getDateFromStringOrThrow(
-    context.localCourse.settings.startDate,
+    startDate,
     "course start date"
   );
-  const endDate = getDateFromStringOrThrow(
+  const endDateTime = getDateFromStringOrThrow(endDate, "course end date");
-    context.localCourse.settings.endDate,
+  const months = getMonthsBetweenDates(startDateTime, endDateTime);
-    "course end date"
-  );
-
-  const months = getMonthsBetweenDates(startDate, endDate);
 
   return (
     <>
       {months.map((month) => (
-        <CalendarMonth
+        <CalendarMonth key={month.month + "" + month.year} month={month} />
-          key={month.month + "" + month.year}
-          month={month}
-          localCourse={context.localCourse}
-        />
       ))}
     </>
   );

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

@@ -6,7 +6,9 @@ import { useCourseContext } from "../context/courseContext";
 export default function Day({ day, month }: { day: Date; month: number }) {
   const context = useCourseContext();
 
-  const backgroundClass = day.getMonth() + 1 != month ? "" : "bg-slate-900";
+
+  const isInSameMonth = day.getMonth() + 1 != month
+  const backgroundClass = isInSameMonth ? "" : "bg-slate-900";
 
   const todaysAssignments = context.localCourse.modules
     .flatMap((m) => m.assignments)
@@ -15,13 +17,11 @@ export default function Day({ day, month }: { day: Date; month: number }) {
         a.dueAt,
         "due at for assignment in day"
       );
-
+      return (
-      const isSame =
         dueDate.getFullYear() === day.getFullYear() &&
         dueDate.getMonth() === day.getMonth() &&
-        dueDate.getDate() === day.getDate();
+        dueDate.getDate() === day.getDate()
-      if (a.name === "Chapter 3") console.log(a.name, dueDate, day, isSame);
+      );
-      return isSame;
     });
   const todaysQuizzes = context.localCourse.modules
     .flatMap((m) => m.quizzes)

nextjs/src/app/course/[courseName]/calendar/calendarMonthUtils.ts

@@ -32,7 +32,7 @@ function createCalendarMonth(year: number, month: number): CalendarMonthModel {
         return new Date(year, month - 1, currentDay++);
       } else {
         currentDay++;
-        return new Date(year, month, currentDay - daysInMonth);
+        return new Date(year, month, currentDay - daysInMonth - 1);
       }
     })
   );