add replay

dashboard/src/components/discussion/DiscussionBox.tsx

@@ -31,10 +31,7 @@ const DiscussionBoxWidget = ({
   const drawerMaxWidth = 1100;
 
   const [drawerWidth, setDrawerWidth] = useState(drawerMinWidth);
-  const showChildrenDrawer = (
-    e: React.MouseEvent<HTMLSpanElement, MouseEvent>,
-    comment: IComment
-  ) => {
+  const showChildrenDrawer = (comment: IComment) => {
     setChildrenDrawer(true);
     setTopicComment(comment);
   };
@@ -83,7 +80,11 @@ const DiscussionBoxWidget = ({
         <DiscussionListCard
           resId={resId}
           resType={resType}
-          onSelect={showChildrenDrawer}
+          onSelect={(
+            e: React.MouseEvent<HTMLSpanElement, MouseEvent>,
+            comment: IComment
+          ) => showChildrenDrawer(comment)}
+          onReply={(comment: IComment) => showChildrenDrawer(comment)}
           changedAnswerCount={answerCount}
           onItemCountChange={(count: number) => {
             if (typeof onCommentCountChange !== "undefined") {

dashboard/src/components/discussion/DiscussionItem.tsx

@@ -24,6 +24,7 @@ interface IWidget {
   onSelect?: Function;
   onCreated?: Function;
   onDelete?: Function;
+  onReply?: Function;
 }
 const DiscussionItemWidget = ({
   data,
@@ -31,6 +32,7 @@ const DiscussionItemWidget = ({
   onSelect,
   onCreated,
   onDelete,
+  onReply,
 }: IWidget) => {
   const [edit, setEdit] = useState(false);
   const [currData, setCurrData] = useState<IComment>(data);
@@ -69,12 +71,9 @@ const DiscussionItemWidget = ({
             onEdit={() => {
               setEdit(true);
             }}
-            onSelect={(
-              e: React.MouseEvent<HTMLSpanElement, MouseEvent>,
-              data: IComment
-            ) => {
+            onSelect={(e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {
               if (typeof onSelect !== "undefined") {
-                onSelect(e, data);
+                onSelect(e, currData);
               }
             }}
             onDelete={(id: string) => {
@@ -82,6 +81,11 @@ const DiscussionItemWidget = ({
                 onDelete();
               }
             }}
+            onReply={() => {
+              if (typeof onReply !== "undefined") {
+                onReply(currData);
+              }
+            }}
           />
         )}
       </div>

dashboard/src/components/discussion/DiscussionList.tsx

@@ -6,8 +6,14 @@ interface IWidget {
   data: IComment[];
   onSelect?: Function;
   onDelete?: Function;
+  onReply?: Function;
 }
-const DiscussionListWidget = ({ data, onSelect, onDelete }: IWidget) => {
+const DiscussionListWidget = ({
+  data,
+  onSelect,
+  onDelete,
+  onReply,
+}: IWidget) => {
   return (
     <List
       pagination={{
@@ -35,6 +41,11 @@ const DiscussionListWidget = ({ data, onSelect, onDelete }: IWidget) => {
                 onDelete(item.id);
               }
             }}
+            onReply={() => {
+              if (typeof onReply !== "undefined") {
+                onReply(item);
+              }
+            }}
           />
         </List.Item>
       )}

dashboard/src/components/discussion/DiscussionListCard.tsx

@@ -17,6 +17,7 @@ interface IWidget {
   changedAnswerCount?: IAnswerCount;
   onSelect?: Function;
   onItemCountChange?: Function;
+  onReply?: Function;
 }
 const DiscussionListCardWidget = ({
   resId,
@@ -25,6 +26,7 @@ const DiscussionListCardWidget = ({
   onSelect,
   changedAnswerCount,
   onItemCountChange,
+  onReply,
 }: IWidget) => {
   const intl = useIntl();
   const [data, setData] = useState<IComment[]>([]);
@@ -117,6 +119,11 @@ const DiscussionListCardWidget = ({
               onItemCountChange(data.length - 1);
             }
           }}
+          onReply={(comment: IComment) => {
+            if (typeof onReply !== "undefined") {
+              onReply(comment);
+            }
+          }}
         />
       )}
 

dashboard/src/components/discussion/DiscussionShow.tsx

@@ -33,12 +33,14 @@ interface IWidget {
   onEdit?: Function;
   onSelect?: Function;
   onDelete?: Function;
+  onReply?: Function;
 }
 const DiscussionShowWidget = ({
   data,
   onEdit,
   onSelect,
   onDelete,
+  onReply,
 }: IWidget) => {
   const intl = useIntl();
   const showDeleteConfirm = (id: string, title: string) => {
@@ -91,6 +93,11 @@ const DiscussionShowWidget = ({
           message.success("链接地址已经拷贝到剪贴板");
         });
         break;
+      case "reply":
+        if (typeof onReply !== "undefined") {
+          onReply();
+        }
+        break;
       case "edit":
         if (typeof onEdit !== "undefined") {
           onEdit();
@@ -109,12 +116,16 @@ const DiscussionShowWidget = ({
   const items: MenuProps["items"] = [
     {
       key: "copy-link",
-      label: "复制链接",
+      label: intl.formatMessage({
+        id: "buttons.copy.link",
+      }),
       icon: <LinkOutlined />,
     },
     {
       key: "reply",
-      label: "回复",
+      label: intl.formatMessage({
+        id: "buttons.reply",
+      }),
       icon: <CommentOutlined />,
       disabled: data.parent ? true : false,
     },
@@ -123,12 +134,16 @@ const DiscussionShowWidget = ({
     },
     {
       key: "edit",
-      label: "编辑",
+      label: intl.formatMessage({
+        id: "buttons.edit",
+      }),
       icon: <EditOutlined />,
     },
     {
       key: "delete",
-      label: "删除",
+      label: intl.formatMessage({
+        id: "buttons.delete",
+      }),
       icon: <DeleteOutlined />,
       danger: true,
       disabled: data.childrenCount ? true : false,
@@ -151,7 +166,7 @@ const DiscussionShowWidget = ({
               strong
               onClick={(e) => {
                 if (typeof onSelect !== "undefined") {
-                  onSelect(e, data);
+                  onSelect(e);
                 }
               }}
             >

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

@@ -22,6 +22,9 @@ const Widget = () => {
         ) => {
           navigate(`/discussion/topic/${comment.id}`);
         }}
+        onReply={(comment: IComment) =>
+          navigate(`/discussion/topic/${comment.id}`)
+        }
       />
     </>
   );