讨论图标移到弹窗里

dashboard/src/components/template/Wbw/WbwDetail.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useIntl } from "react-intl";
 import { Dropdown, Tabs, Divider, Button, Switch, Rate } from "antd";
 import type { MenuProps } from "antd";
-import { SaveOutlined } from "@ant-design/icons";
+import { SaveOutlined, CommentOutlined } from "@ant-design/icons";
 
 import { IWbw, IWbwField, TFieldName } from "./WbwWord";
 import WbwDetailBasic from "./WbwDetailBasic";
@@ -13,13 +13,15 @@ import { LockIcon, UnLockIcon } from "../../../assets/icon";
 import { UploadFile } from "antd/es/upload/interface";
 import { IAttachmentResponse } from "../../api/Attachments";
 import WbwDetailAttachment from "./WbwDetailAttachment";
+import CommentBox from "../../comment/CommentBox";
 
 interface IWidget {
   data: IWbw;
   onClose?: Function;
   onSave?: Function;
+  onCommentCountChange?: Function;
 }
-const Widget = ({ data, onClose, onSave }: IWidget) => {
+const Widget = ({ data, onClose, onSave, onCommentCountChange }: IWidget) => {
   const intl = useIntl();
   const [currWbwData, setCurrWbwData] = useState(data);
   function fieldChanged(field: TFieldName, value: string) {
@@ -95,6 +97,18 @@ const Widget = ({ data, onClose, onSave }: IWidget) => {
       <Tabs
         size="small"
         type="card"
+        tabBarExtraContent={
+          <CommentBox
+            resId={data.uid}
+            resType="wbw"
+            trigger={<Button icon={<CommentOutlined />} type="text" />}
+            onCommentCountChange={(count: number) => {
+              if (typeof onCommentCountChange !== "undefined") {
+                onCommentCountChange(count);
+              }
+            }}
+          />
+        }
         items={[
           {
             label: intl.formatMessage({ id: "buttons.basic" }),