Răsfoiți Sursa

改变pr按钮为 CopyOutlined

visuddhinanda 3 ani în urmă
părinte
comite
0460b6c7a2
1 a modificat fișierele cu 55 adăugiri și 63 ștergeri
  1. 55 63
      dashboard/src/components/template/SentEdit/SentEditMenu.tsx

+ 55 - 63
dashboard/src/components/template/SentEdit/SentEditMenu.tsx

@@ -1,74 +1,66 @@
 import { Button, Dropdown, Menu } from "antd";
 import { useState } from "react";
-import {
-	EditOutlined,
-	IssuesCloseOutlined,
-	MoreOutlined,
-} from "@ant-design/icons";
+import { EditOutlined, CopyOutlined, MoreOutlined } from "@ant-design/icons";
 
 interface ISentEditMenu {
-	children?: React.ReactNode;
-	onModeChange?: Function;
+  children?: React.ReactNode;
+  onModeChange?: Function;
 }
 const Widget = ({ children, onModeChange }: ISentEditMenu) => {
-	const [isHover, setIsHover] = useState(false);
+  const [isHover, setIsHover] = useState(false);
 
-	const menu = (
-		<Menu
-			onClick={(e) => {
-				console.log(e);
-			}}
-			items={[
-				{
-					key: "en",
-					label: "相关段落",
-				},
-				{
-					key: "zh-Hans",
-					label: "Nissaya",
-				},
-				{
-					key: "zh-Hant",
-					label: "相似句",
-				},
-			]}
-		/>
-	);
+  const menu = (
+    <Menu
+      onClick={(e) => {
+        console.log(e);
+      }}
+      items={[
+        {
+          key: "en",
+          label: "时间线",
+        },
+        {
+          key: "zh-Hans",
+          label: "分享",
+        },
+      ]}
+    />
+  );
 
-	return (
-		<div
-			onMouseEnter={() => {
-				setIsHover(true);
-			}}
-			onMouseLeave={() => {
-				setIsHover(false);
-			}}
-		>
-			<div
-				style={{
-					marginTop: "-1.2em",
-					right: "0",
-					position: "absolute",
-					display: isHover ? "block" : "none",
-				}}
-			>
-				<Button
-					icon={<EditOutlined />}
-					size="small"
-					onClick={() => {
-						if (typeof onModeChange !== "undefined") {
-							onModeChange("edit");
-						}
-					}}
-				/>
-				<Button icon={<IssuesCloseOutlined />} size="small" />
-				<Dropdown overlay={menu} placement="bottomRight">
-					<Button icon={<MoreOutlined />} size="small" />
-				</Dropdown>
-			</div>
-			{children}
-		</div>
-	);
+  return (
+    <div
+      onMouseEnter={() => {
+        setIsHover(true);
+      }}
+      onMouseLeave={() => {
+        setIsHover(false);
+      }}
+    >
+      <div
+        style={{
+          marginTop: "-1.2em",
+          right: "0",
+          position: "absolute",
+          display: isHover ? "block" : "none",
+        }}
+      >
+        <Button
+          icon={<EditOutlined />}
+          size="small"
+          onClick={() => {
+            if (typeof onModeChange !== "undefined") {
+              onModeChange("edit");
+            }
+          }}
+        />
+        <Button icon={<CopyOutlined />} size="small" />
+        <Dropdown overlay={menu} placement="bottomRight">
+          <Button icon={<MoreOutlined />} size="small" />
+        </Dropdown>
+      </div>
+      {children}
+    </div>
+  );
 };
 
 export default Widget;