pre codemon

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

@@ -1,13 +1,16 @@
-"use client"
-import { FC, useState } from "react";
+"use client";
+import { useState } from "react";
 import { CalendarMonthModel } from "./calendarMonthUtils";
 import { DayOfWeek, LocalCourse } from "@/models/local/localCourse";
-import { Day } from "./Day";
+import Day from "./Day";
 
-export const CalendarMonth: FC<{
+export default function CalendarMonth({
+  month,
+  localCourse,
+}: {
   month: CalendarMonthModel;
   localCourse: LocalCourse;
-}> = ({ month, localCourse }) => {
+}) {
   const [isCollapsed, setIsCollapsed] = useState(false);
 
   const isInPast =
@@ -60,4 +63,4 @@ export const CalendarMonth: FC<{
       </div>
     </>
   );
-};
+}

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

@@ -1,9 +1,8 @@
-"use client"
-import React, { FC } from "react";
+"use client";
 
-export const Day: FC<{ day?: Date }> = ({ day }) => {
+export default function Day({ day }: { day?: Date }) {
   const classes = "border rounded rounded-3 p-2 pb-4 m-1 ";
   if (!day) return <div className={classes + ""}></div>;
 
   return <div className={classes + " bg-slate-900"}>{day.getDate()}</div>;
-};
+}

nextjs/src/app/course/[courseName]/page.tsx

@@ -2,7 +2,8 @@
 import { useLocalCourseDetailsQuery } from "@/hooks/localCoursesHooks";
 import { getDateFromStringOrThrow } from "@/models/local/timeUtils";
 import { getMonthsBetweenDates } from "./calendarMonthUtils";
-import { CalendarMonth } from "./CalendarMonth";
+import CalendarMonth from "./CalendarMonth";
+
 
 export default function Page({
   params: { courseName },