-
-
-
-
-
-
+
+
+
);
}
diff --git a/nextjs/src/app/page.tsx b/nextjs/src/app/page.tsx
index 3f622dc..775af56 100644
--- a/nextjs/src/app/page.tsx
+++ b/nextjs/src/app/page.tsx
@@ -1,18 +1,14 @@
-import { dehydrate, HydrationBoundary } from "@tanstack/react-query";
+import { dehydrate, HydrationBoundary, QueryClient } from "@tanstack/react-query";
import CourseList from "./CourseList";
-import { createQueryClientForServer } from "@/services/utils/queryClientServer";
import { hydrateCourses } from "@/hooks/hookHydration";
+import { getQueryClient } from "./providersQueryClientUtils";
-async function getDehydratedClient() {
- const queryClient = createQueryClientForServer();
-
- await hydrateCourses(queryClient);
- const dehydratedState = dehydrate(queryClient);
- return dehydratedState;
-}
export default async function Home() {
- const dehydratedState = await getDehydratedClient();
+ const queryClient = getQueryClient();
+ await hydrateCourses(queryClient);
+ const dehydratedState = dehydrate(queryClient);
+
return (
diff --git a/nextjs/src/app/providers.tsx b/nextjs/src/app/providers.tsx
index 727d8b5..01f17c9 100644
--- a/nextjs/src/app/providers.tsx
+++ b/nextjs/src/app/providers.tsx
@@ -1,39 +1,11 @@
"use client";
import {
- isServer,
- QueryClient,
QueryClientProvider,
} from "@tanstack/react-query";
import { ReactNode } from "react";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { getQueryClient } from "./providersQueryClientUtils";
-function makeQueryClient() {
- return new QueryClient({
- defaultOptions: {
- queries: {
- // With SSR, we usually want to set some default staleTime
- // above 0 to avoid refetching immediately on the client
- staleTime: 1000,
- },
- },
- });
-}
-
-let browserQueryClient: QueryClient | undefined = undefined;
-
-function getQueryClient() {
- if (isServer) {
- // Server: always make a new query client
- return makeQueryClient();
- } else {
- // Browser: make a new query client if we don't already have one
- // This is very important, so we don't re-make a new client if React
- // suspends during the initial render. This may not be needed if we
- // have a suspense boundary BELOW the creation of the query client
- if (!browserQueryClient) browserQueryClient = makeQueryClient();
- return browserQueryClient;
- }
-}
export default function Providers({ children }: { children: ReactNode }) {
// NOTE: Avoid useState when initializing the query client if you don't
diff --git a/nextjs/src/app/providersQueryClientUtils.ts b/nextjs/src/app/providersQueryClientUtils.ts
new file mode 100644
index 0000000..8ca631b
--- /dev/null
+++ b/nextjs/src/app/providersQueryClientUtils.ts
@@ -0,0 +1,29 @@
+import { isServer, QueryClient } from "@tanstack/react-query";
+
+export function makeQueryClient() {
+ return new QueryClient({
+ defaultOptions: {
+ queries: {
+ // With SSR, we usually want to set some default staleTime
+ // above 0 to avoid refetching immediately on the client
+ staleTime: 1000,
+ },
+ },
+ });
+}
+
+let browserQueryClient: QueryClient | undefined = undefined;
+
+export function getQueryClient() {
+ if (isServer) {
+ // Server: always make a new query client
+ return makeQueryClient();
+ } else {
+ // Browser: make a new query client if we don't already have one
+ // This is very important, so we don't re-make a new client if React
+ // suspends during the initial render. This may not be needed if we
+ // have a suspense boundary BELOW the creation of the query client
+ if (!browserQueryClient) browserQueryClient = makeQueryClient();
+ return browserQueryClient;
+ }
+}
diff --git a/nextjs/src/components/MonacoEditor.module.css b/nextjs/src/components/MonacoEditor.module.css
new file mode 100644
index 0000000..bc41e26
--- /dev/null
+++ b/nextjs/src/components/MonacoEditor.module.css
@@ -0,0 +1,4 @@
+.Editor {
+ width: 100vw;
+ height: 100vh;
+}
\ No newline at end of file
diff --git a/nextjs/src/components/MonacoEditor.tsx b/nextjs/src/components/MonacoEditor.tsx
new file mode 100755
index 0000000..29d9086
--- /dev/null
+++ b/nextjs/src/components/MonacoEditor.tsx
@@ -0,0 +1,13 @@
+"use client";
+import styles from "./MonacoEditor.module.css";
+import Editor from "@monaco-editor/react";
+
+export default function MonacoEditor() {
+ return (
+
+ );
+}
diff --git a/nextjs/src/services/utils/MyQueryClientProvider.tsx b/nextjs/src/services/utils/MyQueryClientProvider.tsx
deleted file mode 100644
index 320692d..0000000
--- a/nextjs/src/services/utils/MyQueryClientProvider.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-"use client"
-import {
- DehydratedState,
- hydrate,
- QueryClientProvider,
-} from "@tanstack/react-query";
-import React from "react";
-import { ReactNode, useState } from "react";
-import { createQueryClient } from "./queryClient";
-
-export default function MyQueryClientProvider({
- children,
- dehydratedState,
-}: {
- children: ReactNode;
- dehydratedState: DehydratedState;
-}) {
- const [queryClient] = useState(createQueryClient());
-
- hydrate(queryClient, dehydratedState);
-
- return (
- {children}
- );
-}
diff --git a/nextjs/src/services/utils/queryClient.tsx b/nextjs/src/services/utils/queryClient.tsx
index e8f1097..269cf20 100644
--- a/nextjs/src/services/utils/queryClient.tsx
+++ b/nextjs/src/services/utils/queryClient.tsx
@@ -123,23 +123,23 @@ export function createSuccessToast(message: string) {
);
}
-export function createQueryClient() {
- return new QueryClient({
- defaultOptions: {
- queries: {
- refetchOnWindowFocus: false,
- retry: 0,
- },
- mutations: {
- onError: addErrorAsToast,
- retry: 0,
- },
- },
- queryCache: new QueryCache({
- onError: addErrorAsToast,
- }),
- mutationCache: new MutationCache({
- onError: addErrorAsToast,
- }),
- });
-}
+// export function createQueryClient() {
+// return new QueryClient({
+// defaultOptions: {
+// queries: {
+// refetchOnWindowFocus: false,
+// retry: 0,
+// },
+// mutations: {
+// onError: addErrorAsToast,
+// retry: 0,
+// },
+// },
+// queryCache: new QueryCache({
+// onError: addErrorAsToast,
+// }),
+// mutationCache: new MutationCache({
+// onError: addErrorAsToast,
+// }),
+// });
+// }
diff --git a/nextjs/src/services/utils/queryClientServer.tsx b/nextjs/src/services/utils/queryClientServer.tsx
deleted file mode 100644
index c7ad271..0000000
--- a/nextjs/src/services/utils/queryClientServer.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { MutationCache, QueryCache, QueryClient } from "@tanstack/react-query";
-
-export function createQueryClientForServer() {
- return new QueryClient({
- defaultOptions: {
- queries: {
- refetchOnWindowFocus: false,
- retry: 0,
- },
- mutations: {
- onError: (e) => console.log(e),
- retry: 0,
- },
- },
- queryCache: new QueryCache({
- onError: (e) => console.log(e),
- }),
- mutationCache: new MutationCache({
- onError: (e) => console.log(e),
- }),
- });
-}
diff --git a/nextjs/tsconfig.json b/nextjs/tsconfig.json
index 7b28589..cd8a767 100644
--- a/nextjs/tsconfig.json
+++ b/nextjs/tsconfig.json
@@ -21,6 +21,6 @@
"@/*": ["./src/*"]
}
},
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiztsx"],
"exclude": ["node_modules"]
}