contens

app/tutorials/[tutorialId]/ContentTable.tsx

@@ -1,5 +1,26 @@
 import React from "react";
+import { TutorialMeta } from "./page";
+import styles from "../../../styles/TutorialContentTable.module.scss";
 
-export default function ContentTable() {
-	return <div>ContentTable</div>;
+export default function ContentTable({
+	tutorialMeta,
+}: {
+	tutorialMeta: TutorialMeta;
+}) {
+	return (
+		<div className={styles.tutorialContentTable}>
+			<div className={styles.stickyContainer}>
+				<div className={styles.list}>
+					<h2>Contents</h2>
+					{tutorialMeta?.contentTable?.map((e, i) => {
+						return (
+							<a key={i} href={"#" + e.anchor}>
+								{e.title}
+							</a>
+						);
+					})}
+				</div>
+			</div>
+		</div>
+	);
 }