浏览代码

card 增加 打开在新窗口链接

visuddhinanda 1 年之前
父节点
当前提交
d4c406a000
共有 1 个文件被更改,包括 13 次插入2 次删除
  1. 13 2
      dashboard-v4/dashboard/src/components/template/Article.tsx

+ 13 - 2
dashboard-v4/dashboard/src/components/template/Article.tsx

@@ -90,9 +90,16 @@ export const ArticleCtl = ({
     />
     />
   );
   );
   let output = <></>;
   let output = <></>;
-  let articleLink = `/article/${type}/${id}?mode=read`;
+  let articleLink = `/article/${type}/${id}?mode=${currMode}`;
   articleLink += channel ? `&channel=${channel}` : "";
   articleLink += channel ? `&channel=${channel}` : "";
 
 
+  const OpenLink = (
+    <Link to={articleLink} target="_blank">
+      {intl.formatMessage({
+        id: "buttons.open.in.new.tab",
+      })}
+    </Link>
+  );
   switch (style) {
   switch (style) {
     case "modal":
     case "modal":
       output = (
       output = (
@@ -143,7 +150,11 @@ export const ArticleCtl = ({
       );
       );
       break;
       break;
     case "card":
     case "card":
-      output = <Card title={aTitle}>{article}</Card>;
+      output = (
+        <Card title={aTitle} extra={OpenLink}>
+          {article}
+        </Card>
+      );
       break;
       break;
     case "toggle":
     case "toggle":
       output = (
       output = (