alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-26 07:38:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

working on hot reloading

Browse Source
This commit is contained in:
Alex Mickelson
2024-08-26 16:30:29 -06:00
parent 0af6ffa8f5
commit f7e13fb6aa
11 changed files with 57 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nextjs/src/app/course/[courseName]/CalendarMonth.tsx → nextjs/src/app/course/[courseName]/calendarMonth.tsx
View File

@@ -1,7 +1,7 @@
import { useState } from "react";
import { CalendarMonthModel } from "./calendarMonthUtils";
import { DayOfWeek, LocalCourse } from "@/models/local/localCourse";
import Day from "./Day";
import Day from "./day";
export default function CalendarMonth({
month,

17
nextjs/src/app/course/[courseName]/calendarMonthUtils.ts
View File

@@ -5,7 +5,7 @@ export interface CalendarMonthModel {
daysByWeek: (Date | undefined)[][];
}
const weeksInMonth = (year: number, month: number): number => {
function weeksInMonth(year: number, month: number): number {
const firstDayOfMonth = new Date(year, month - 1, 1).getDay();
const daysInMonth = new Date(year, month, 0).getDate();
const longDaysInMonth = daysInMonth + firstDayOfMonth;
@@ -14,12 +14,9 @@ const weeksInMonth = (year: number, month: number): number => {
weeks += 1;
}
return weeks;
};
}
const createCalendarMonth = (
year: number,
month: number
): CalendarMonthModel => {
function createCalendarMonth(year: number, month: number): CalendarMonthModel {
const daysByWeek: (Date | undefined)[][] = [];
const weeksNumber = weeksInMonth(year, month);
const daysInMonth = new Date(year, month, 0).getDate();
@@ -57,12 +54,12 @@ const createCalendarMonth = (
);
return { year, month, weeks, daysByWeek };
};
}
export const getMonthsBetweenDates = (
export function getMonthsBetweenDates(
startDate: Date,
endDate: Date
): CalendarMonthModel[] => {
): CalendarMonthModel[] {
const monthsInTerm =
1 +
(endDate.getFullYear() - startDate.getFullYear()) * 12 +
@@ -76,4 +73,4 @@ export const getMonthsBetweenDates = (
Math.floor((startDate.getMonth() + monthDiff) / 12);
return createCalendarMonth(year, month);
});
};
}

0
nextjs/src/app/course/[courseName]/Day.tsx → nextjs/src/app/course/[courseName]/day.tsx
View File

2
nextjs/src/app/course/[courseName]/page.tsx
View File

@@ -2,7 +2,7 @@
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({

8
nextjs/src/app/layout.tsx
View File

@@ -1,12 +1,10 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { dehydrate } from "@tanstack/react-query";
import { MyQueryClientProvider } from "@/services/utils/MyQueryClientProvider";
import { hydrateCourses } from "@/hooks/hookHydration";
import { createQueryClientForServer } from "@/services/utils/queryClientServer";
import MyQueryClientProvider from "@/services/utils/MyQueryClientProvider";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Canvas Manager 2.0",
@@ -30,9 +28,7 @@ export default async function RootLayout({
return (
<html lang="en">
<MyQueryClientProvider dehydratedState={dehydratedState}>
{/* <LoadingAndErrorHandling> */}
<body className={inter.className}>{children}</body>
{/* </LoadingAndErrorHandling> */}
<body className="bg-slate-950">{children}</body>
</MyQueryClientProvider>
</html>
);

2
nextjs/src/app/page.tsx
View File

@@ -5,7 +5,7 @@ import Link from "next/link";
export default function Home() {
const { data: courses } = useLocalCoursesQuery();
return (
<main className="flex min-h-screen flex-col items-center justify-between p-24">
<main className="min-h-screen">
{courses.map((c) => (
<Link href={`/course/${c.settings.name}`} key={c.settings.name}>{c.settings.name} </Link>
))}