add onConvert

dashboard/src/components/discussion/DiscussionShow.tsx

@@ -5,6 +5,7 @@ import {
   Dropdown,
   message,
   Modal,
+  notification,
   Space,
   Tag,
   Typography,
@@ -18,6 +19,7 @@ import {
   MessageOutlined,
   ExclamationCircleOutlined,
   CloseOutlined,
+  SyncOutlined,
 } from "@ant-design/icons";
 import type { MenuProps } from "antd";
 
@@ -30,24 +32,29 @@ import { fullUrl } from "../../utils";
 import { ICommentRequest, ICommentResponse } from "../api/Comment";
 import { useState } from "react";
 import MdView from "../template/MdView";
+import { TDiscussionType } from "./Discussion";
 
 const { Text } = Typography;
 
 interface IWidget {
   data: IComment;
+  hideTitle?: boolean;
   onEdit?: Function;
   onSelect?: Function;
   onDelete?: Function;
   onReply?: Function;
   onClose?: Function;
+  onConvert?: Function;
 }
 const DiscussionShowWidget = ({
   data,
+  hideTitle = false,
   onEdit,
   onSelect,
   onDelete,
   onReply,
   onClose,
+  onConvert,
 }: IWidget) => {
   const intl = useIntl();
   const [closed, setClosed] = useState(data.status);
@@ -104,6 +111,23 @@ const DiscussionShowWidget = ({
     });
   };
 
+  const convert = (newType: TDiscussionType) => {
+    put<ICommentRequest, ICommentResponse>(`/v2/discussion/${data.id}`, {
+      title: data.title,
+      content: data.content,
+      status: data.status,
+      type: newType,
+    }).then((json) => {
+      console.log(json);
+      if (json.ok) {
+        notification.info({ message: "转换成功" });
+        if (typeof onConvert !== "undefined") {
+          onConvert(newType);
+        }
+      }
+    });
+  };
+
   const onClick: MenuProps["onClick"] = (e) => {
     console.log("click ", e);
     switch (e.key) {
@@ -130,12 +154,18 @@ const DiscussionShowWidget = ({
         break;
       case "close":
         close(true);
-
         break;
-
       case "reopen":
         close(false);
-
+        break;
+      case "convert_qa":
+        convert("qa");
+        break;
+      case "convert_help":
+        convert("help");
+        break;
+      case "convert_discussion":
+        convert("discussion");
         break;
       case "delete":
         if (data.id) {
@@ -181,6 +211,28 @@ const DiscussionShowWidget = ({
       icon: <CheckOutlined />,
       disabled: closed === "active",
     },
+    {
+      type: "divider",
+    },
+    {
+      key: "convert",
+      label: intl.formatMessage({
+        id: "buttons.convert",
+      }),
+      icon: <SyncOutlined />,
+      children: [
+        { key: "convert_qa", label: "qa", disabled: data.type === "qa" },
+        { key: "convert_help", label: "help", disabled: data.type === "help" },
+        {
+          key: "convert_discussion",
+          label: "discussion",
+          disabled: data.type === "discussion",
+        },
+      ],
+    },
+    {
+      type: "divider",
+    },
     {
       key: "delete",
       label: intl.formatMessage({
@@ -196,7 +248,7 @@ const DiscussionShowWidget = ({
       size="small"
       title={
         <Space direction="vertical" size={"small"}>
-          {data.title ? (
+          {data.title && !hideTitle ? (
             <Text
               style={{ fontSize: 16 }}
               strong

dashboard/src/components/discussion/DiscussionTopic.tsx

@@ -4,24 +4,29 @@ import DiscussionTopicInfo from "./DiscussionTopicInfo";
 import DiscussionTopicChildren from "./DiscussionTopicChildren";
 import { IComment } from "./DiscussionItem";
 import { TResType } from "./DiscussionListCard";
+import { TDiscussionType } from "./Discussion";
 
 interface IWidget {
   resType?: TResType;
   topicId?: string;
   topic?: IComment;
   focus?: string;
+  hideTitle?: boolean;
   onItemCountChange?: Function;
   onTopicReady?: Function;
   onTopicDelete?: Function;
+  onConvert?: Function;
 }
 const DiscussionTopicWidget = ({
   resType,
   topicId,
   topic,
   focus,
+  hideTitle = false,
   onTopicReady,
   onItemCountChange,
   onTopicDelete,
+  onConvert,
 }: IWidget) => {
   const [count, setCount] = useState<number>();
   const [currResId, setCurrResId] = useState<string>();
@@ -30,16 +35,18 @@ const DiscussionTopicWidget = ({
   useEffect(() => {
     setCurrTopic(topic);
   }, [topic]);
+
   return (
     <>
       <DiscussionTopicInfo
         topicId={currTopicId}
         topic={currTopic}
+        hideTitle={hideTitle}
         childrenCount={count}
         onReady={(value: IComment) => {
           setCurrResId(value.resId);
           setCurrTopic(value);
-          console.log("onReady", value);
+          console.log("discussion onReady", value);
           if (typeof onTopicReady !== "undefined") {
             onTopicReady(value);
           }
@@ -49,6 +56,11 @@ const DiscussionTopicWidget = ({
             onTopicDelete();
           }
         }}
+        onConvert={(value: TDiscussionType) => {
+          if (typeof onConvert !== "undefined") {
+            onConvert(value);
+          }
+        }}
       />
       <DiscussionTopicChildren
         topic={currTopic}

dashboard/src/components/discussion/DiscussionTopicChildren.tsx

@@ -159,6 +159,7 @@ const DiscussionTopicChildrenWidget = ({
               id: item.id,
               resId: item.res_id,
               resType: item.res_type,
+              type: item.type,
               user: item.editor,
               parent: item.parent,
               title: item.title,

dashboard/src/components/discussion/DiscussionTopicInfo.tsx

@@ -4,24 +4,29 @@ import { useEffect, useState } from "react";
 import { get } from "../../request";
 import { ICommentResponse } from "../api/Comment";
 import DiscussionItem, { IComment } from "./DiscussionItem";
+import { TDiscussionType } from "./Discussion";
 
 interface IWidget {
   topicId?: string;
   topic?: IComment;
   childrenCount?: number;
+  hideTitle?: boolean;
   onDelete?: Function;
   onReply?: Function;
   onClose?: Function;
   onReady?: Function;
+  onConvert?: Function;
 }
 const DiscussionTopicInfoWidget = ({
   topicId,
   topic,
   childrenCount,
+  hideTitle = false,
   onReady,
   onDelete,
   onReply,
   onClose,
+  onConvert,
 }: IWidget) => {
   const [data, setData] = useState<IComment | undefined>(topic);
   useEffect(() => {
@@ -41,7 +46,7 @@ const DiscussionTopicInfoWidget = ({
       return;
     }
     const url = `/v2/discussion/${topicId}`;
-    console.log("url", url);
+    console.log("discussion url", url);
     get<ICommentResponse>(url)
       .then((json) => {
         if (json.ok) {
@@ -51,6 +56,7 @@ const DiscussionTopicInfoWidget = ({
             id: item.id,
             resId: item.res_id,
             resType: item.res_type,
+            type: item.type,
             parent: item.parent,
             user: item.editor,
             title: item.title,
@@ -63,7 +69,7 @@ const DiscussionTopicInfoWidget = ({
           };
           setData(discussion);
           if (typeof onReady !== "undefined") {
-            console.log("on ready");
+            console.log("discussion on ready");
             onReady(discussion);
           }
         } else {
@@ -80,6 +86,7 @@ const DiscussionTopicInfoWidget = ({
       {data ? (
         <DiscussionItem
           data={data}
+          hideTitle={hideTitle}
           onDelete={() => {
             if (typeof onDelete !== "undefined") {
               onDelete(data.id);
@@ -95,6 +102,11 @@ const DiscussionTopicInfoWidget = ({
               onClose(data);
             }
           }}
+          onConvert={(value: TDiscussionType) => {
+            if (typeof onConvert !== "undefined") {
+              onConvert(value);
+            }
+          }}
         />
       ) : (
         <></>