:construction: create

dashboard/src/Router.tsx

@@ -44,6 +44,10 @@ import LibraryBlogCourse from "./pages/library/blog/course";
 import LibraryBlogAnthology from "./pages/library/blog/anthology";
 import LibraryBlogTerm from "./pages/library/blog/term";
 
+import LibraryDiscussion from "./pages/library/discussion";
+import LibraryDiscussionList from "./pages/library/discussion/list";
+import LibraryDiscussionTopic from "./pages/library/discussion/topic";
+
 import Studio from "./pages/studio";
 import StudioHome from "./pages/studio/home";
 
@@ -152,6 +156,12 @@ const Widget = () => {
         <Route path=":type/:id/:mode/:param" element={<LibraryArticleShow />} />
       </Route>
 
+      <Route path="discussion" element={<LibraryDiscussion />}>
+        <Route path="list" element={<LibraryDiscussionList />} />
+        <Route path="topic/:id" element={<LibraryDiscussionTopic />} />
+        <Route path="discussion/:id" element={<LibraryDiscussion />} />
+      </Route>
+
       <Route path="blog/:studio" element={<LibraryBlog />}>
         <Route path="overview" element={<LibraryBlogOverview />} />
         <Route path="palicanon" element={<LibraryBlogTranslation />} />

dashboard/src/pages/library/discussion/index.tsx

@@ -0,0 +1,24 @@
+import { Outlet } from "react-router-dom";
+
+import HeadBar from "../../../components/library/HeadBar";
+import FooterBar from "../../../components/library/FooterBar";
+import { Col, Row } from "antd";
+
+const Widget = () => {
+  // TODO
+  return (
+    <div>
+      <HeadBar selectedKeys="discussion" />
+      <Row>
+        <Col flex={"auto"}></Col>
+        <Col flex={"960px"}>
+          <Outlet />
+        </Col>
+        <Col flex={"auto"}></Col>
+      </Row>
+      <FooterBar />
+    </div>
+  );
+};
+
+export default Widget;

dashboard/src/pages/library/discussion/list.tsx

@@ -0,0 +1,15 @@
+import { Link } from "react-router-dom";
+
+const Widget = () => {
+  // TODO
+  return (
+    <div>
+      <div>
+        <Link to="/course/show/12345">课程1</Link>
+        <Link to="/course/show/23456">课程2</Link>
+      </div>
+    </div>
+  );
+};
+
+export default Widget;

dashboard/src/pages/library/discussion/show.tsx

@@ -0,0 +1,19 @@
+import { useParams } from "react-router-dom";
+
+import CommentTopic from "../../../components/comment/CommentTopic";
+
+const Widget = () => {
+  // TODO
+  const { id } = useParams(); //url 参数
+
+  return (
+    <div>
+      <div>锚点</div>
+      <div>
+        <CommentTopic topicId={id} />
+      </div>
+    </div>
+  );
+};
+
+export default Widget;

dashboard/src/pages/library/discussion/topic.tsx

@@ -0,0 +1,22 @@
+import { useParams } from "react-router-dom";
+import CommentAnchor from "../../../components/comment/CommentAnchor";
+
+import CommentTopic from "../../../components/comment/CommentTopic";
+
+const Widget = () => {
+  // TODO
+  const { id } = useParams(); //url 参数
+
+  return (
+    <div>
+      <div>
+        <CommentAnchor id={id} />
+      </div>
+      <div>
+        <CommentTopic topicId={id} />
+      </div>
+    </div>
+  );
+};
+
+export default Widget;