day of linting judgement

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

@@ -11,7 +11,7 @@ import DownChevron from "@/components/icons/DownChevron";
 export const CalendarMonth = ({ month }: { month: CalendarMonthModel }) => {
   // const weekInMilliseconds = 604_800_000;
   const four_days_in_milliseconds = 345_600_000;
-  const [settings] = useLocalCourseSettingsQuery();
+  const { data: settings } = useLocalCourseSettingsQuery();
   const startDate = getDateFromStringOrThrow(
     settings.startDate,
     "week calculation start date"
@@ -50,7 +50,9 @@ export const CalendarMonth = ({ month }: { month: CalendarMonthModel }) => {
               role="button"
             >
               {monthName}
-              <div className="my-auto">{isExpanded ? <UpChevron /> : <DownChevron />}</div>
+              <div className="my-auto">
+                {isExpanded ? <UpChevron /> : <DownChevron />}
+              </div>
             </h3>
           </div>
         )}

src/app/course/[courseName]/calendar/CalendarWeek.tsx

@@ -11,7 +11,7 @@ export function CalendarWeek({
   week: string[]; //date strings
   monthNumber: number;
 }) {
-  const [settings]= useLocalCourseSettingsQuery();
+  const { data: settings } = useLocalCourseSettingsQuery();
   const startDate = getDateFromStringOrThrow(
     settings.startDate,
     "week calculation start date"

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

@@ -5,10 +5,9 @@ import { CalendarMonth } from "./CalendarMonth";
 import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
 import { useEffect, useMemo, useRef } from "react";
 import CalendarItemsContextProvider from "../context/CalendarItemsContextProvider";
-import { SuspenseAndErrorHandling } from "@/components/SuspenseAndErrorHandling";
 
 export default function CourseCalendar() {
-  const [settings] = useLocalCourseSettingsQuery();
+  const { data: settings } = useLocalCourseSettingsQuery();
 
   const startDateTime = useMemo(
     () => getDateFromStringOrThrow(settings.startDate, "course start date"),

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

@@ -19,7 +19,7 @@ export default function Day({ day, month }: { day: string; month: number }) {
     getDateOnlyMarkdownString(new Date()) ===
     getDateOnlyMarkdownString(dayAsDate);
 
-  const [settings] = useLocalCourseSettingsQuery();
+  const { data: settings } = useLocalCourseSettingsQuery();
   const { itemDropOnDay } = useDraggingContext();
 
   const { todaysAssignments, todaysQuizzes, todaysPages } = useTodaysItems(day);

src/app/course/[courseName]/calendar/day/DayTitle.tsx

@@ -13,7 +13,7 @@ import { useRef, useState } from "react";
 
 export function DayTitle({ day, dayAsDate }: { day: string; dayAsDate: Date }) {
   const { courseName } = useCourseContext();
-  const [weeks] = useLecturesSuspenseQuery();
+  const { data: weeks } = useLecturesSuspenseQuery();
   const { setIsDragging } = useDragStyleContext();
   const todaysLecture = getLectureForDay(weeks, dayAsDate);
   const modal = useModal();

src/app/course/[courseName]/calendar/day/getStatus.tsx

@@ -35,7 +35,6 @@ export const getStatus = ({
 
   if (type === "page") {
     const canvasPage = canvasItem as CanvasPage;
-    const page = item as LocalCoursePage;
 
     if (!canvasPage.published)
       return { status: "incomplete", message: "canvas page not published" };

src/app/course/[courseName]/calendar/day/useTodaysItems.tsx

@@ -15,7 +15,7 @@ import { getStatus } from "./getStatus";
 import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
 
 export function useTodaysItems(day: string) {
-  const [settings] = useLocalCourseSettingsQuery();
+  const { data: settings } = useLocalCourseSettingsQuery();
   const dayAsDate = getDateFromStringOrThrow(
     day,
     "calculating same month in day items"