添加 全部discussion 按钮

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

@@ -1,19 +1,52 @@
+import { useNavigate } from "react-router-dom";
+import { Tabs } from "antd";
 import { useParams } from "react-router-dom";
 import CommentAnchor from "../../../components/comment/CommentAnchor";
+import { IComment } from "../../../components/comment/CommentItem";
+import CommentListCard from "../../../components/comment/CommentListCard";
 
 import CommentTopic from "../../../components/comment/CommentTopic";
 
 const Widget = () => {
   // TODO
   const { id } = useParams(); //url 参数
-
+  const navigate = useNavigate();
   return (
     <div>
       <div>
         <CommentAnchor id={id} />
       </div>
       <div>
-        <CommentTopic topicId={id} />
+        <Tabs
+          defaultActiveKey="current"
+          items={[
+            {
+              label: `当前`,
+              key: "current",
+              children: <CommentTopic topicId={id} />,
+            },
+            {
+              label: `全部`,
+              key: "all",
+              children: (
+                <CommentListCard
+                  topicId={id}
+                  onSelect={(
+                    e: React.MouseEvent<HTMLSpanElement, MouseEvent>,
+                    comment: IComment
+                  ) => {
+                    navigate(`/discussion/topic/${comment.id}`);
+                  }}
+                />
+              ),
+            },
+            {
+              label: `类似`,
+              key: "sim",
+              children: "",
+            },
+          ]}
+        />
       </div>
     </div>
   );