refactor: Add getStaticPaths function to diagram.tsx

This commit adds the getStaticPaths function to the diagram.tsx file in the pages/material/[repoId]/[themeId] directory. The function generates the paths for the dynamic routes based on the material data retrieved from the getMaterial function. Each path corresponds to a specific combination of repoId, themeId, and courseId. This change ensures that the dynamic routes are properly generated and accessible for the material pages.

cypress/component/EventCommentThreads.cy.tsx

@@ -32,6 +32,7 @@ describe("EventCommentThreads component", () => {
  type: "theme",
  courses: [
  {
+ files: [],
  id: "course1",
  name: "Course 1",
  summary: "",

pages/material/[repoId]/[themeId]/diagram.tsx

@@ -1,4 +1,4 @@
-import type { NextPage, GetStaticProps } from "next"
+import type { NextPage, GetStaticProps, GetStaticPaths } from "next"
 import prisma from "lib/prisma"
 import Layout from "components/Layout"
 import { makeSerializable } from "lib/utils"
@@ -39,4 +39,20 @@ export const getStaticProps: GetStaticProps = async (context) => {
  }
 }
 
+export const getStaticPaths: GetStaticPaths = async () => {
+ const material = await getMaterial()
+ let paths = []
+ for (const theme of material.themes) {
+ for (const course of theme.courses) {
+ paths.push({
+ params: { repoId: `${theme.repo}`, themeId: `${theme.id}`, courseId: `${course.id}` },
+ })
+ }
+ }
+ return {
+ paths,
+ fallback: false,
+ }
+}
+
 export default Home

pages/material/diagram.tsx

@@ -1,4 +1,4 @@
-import type { NextPage, GetStaticProps } from "next"
+import type { NextPage, GetStaticProps, GetStaticPaths } from "next"
 import prisma from "lib/prisma"
 import Layout from "components/Layout"
 import { makeSerializable } from "lib/utils"