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

better matching

Browse Source
This commit is contained in:
Alex Mickelson
2024-08-26 12:52:55 -06:00
parent 884e465df6
commit cafe04faf6
15 changed files with 232 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nextjs/src/app/api/courses/route.ts Normal file
View File

@@ -0,0 +1,3 @@
export async function GET() {
return Response.json([]);
}

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

@@ -1,9 +1,11 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { createQueryClient } from "@/services/utils/queryClient";
import { dehydrate } from "@tanstack/react-query";
import { MyQueryClientProvider } from "@/services/utils/MyQueryClientProvider";
import { hydrateCourses } from "@/hooks/hookHydration";
import { LoadingAndErrorHandling } from "@/components/LoadingAndErrorHandling";
import { createQueryClientForServer } from "@/services/utils/queryClientServer";
const inter = Inter({ subsets: ["latin"] });
@@ -12,9 +14,9 @@ export const metadata: Metadata = {
};
export async function getDehydratedClient() {
const queryClient = createQueryClient();
const queryClient = createQueryClientForServer();
// await hydrateOpenSections(queryClient);
await hydrateCourses(queryClient);
const dehydratedState = dehydrate(queryClient);
return dehydratedState;
}
@@ -25,10 +27,13 @@ export default async function RootLayout({
children: React.ReactNode;
}>) {
const dehydratedState = await getDehydratedClient();
return (
<html lang="en">
<MyQueryClientProvider dehydratedState={dehydratedState}>
<body className={inter.className}>{children}</body>
<LoadingAndErrorHandling>
<body className={inter.className}>{children}</body>
</LoadingAndErrorHandling>
</MyQueryClientProvider>
</html>
);

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

@@ -1,12 +1,12 @@
import { canvasAssignmentService } from "@/services/canvas/canvasAssignmentService";
export default async function Home() {
const assignments = await canvasAssignmentService.getAll(960410);
"use client"
import { useLocalCoursesQuery } from "@/hooks/localCoursesHooks";
export default function Home() {
const { data: courses } = useLocalCoursesQuery();
return (
<main className="flex min-h-screen flex-col items-center justify-between p-24">
{assignments.map((assignment) => (
<div key={assignment.id}>{assignment.name}</div>
{courses.map((c) => (
<div key={c.settings.name}>{c.settings.name} </div>
))}
</main>
);