From 16c0ca9100ef896d5cc9364d70cf0a9e411f3f33 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 25 Jul 2020 15:19:33 +0800
Subject: [PATCH] docs: remove duplicated icon from document

---
 package.json                                     |  1 +
 site/theme/template/IconDisplay/CopyableIcon.tsx | 11 +++++++++--
 site/theme/template/IconDisplay/index.tsx        |  3 +++
 typings/custom-typings.d.ts                      |  2 --
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 96d0e0299e..90432a4d1a 100644
--- a/package.json
+++ b/package.json
@@ -166,6 +166,7 @@
     "@types/raf": "^3.4.0",
     "@types/react": "^16.9.21",
     "@types/react-color": "^3.0.1",
+    "@types/react-copy-to-clipboard": "^4.3.0",
     "@types/react-dom": "^16.9.5",
     "@types/warning": "^3.0.0",
     "@typescript-eslint/eslint-plugin": "^3.0.0",
diff --git a/site/theme/template/IconDisplay/CopyableIcon.tsx b/site/theme/template/IconDisplay/CopyableIcon.tsx
index 5aec8bb492..e3d73f41ee 100644
--- a/site/theme/template/IconDisplay/CopyableIcon.tsx
+++ b/site/theme/template/IconDisplay/CopyableIcon.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import CopyToClipboard from 'react-copy-to-clipboard';
-import { Badge } from 'antd';
+import { Badge, message } from 'antd';
 import classNames from 'classnames';
 import * as AntdIcons from '@ant-design/icons';
 import { ThemeType } from './index';
@@ -28,8 +28,15 @@ const CopyableIcon: React.FC<CopyableIconProps> = ({
     copied: justCopied === name,
     [theme]: !!theme,
   });
+  const onCopy = (text: string, result: boolean) => {
+    if (result) {
+      onCopied(name, text);
+    } else {
+      message.error('Copy icon name failed, please try again.');
+    }
+  };
   return (
-    <CopyToClipboard text={`<${name} />`} onCopy={(text: string) => onCopied(name, text)}>
+    <CopyToClipboard text={`<${name} />`} onCopy={onCopy}>
       <li className={className}>
         {React.createElement(allIcons[name])}
         <span className="anticon-class">
diff --git a/site/theme/template/IconDisplay/index.tsx b/site/theme/template/IconDisplay/index.tsx
index 505317fccd..bc74494986 100644
--- a/site/theme/template/IconDisplay/index.tsx
+++ b/site/theme/template/IconDisplay/index.tsx
@@ -68,6 +68,9 @@ class IconDisplay extends React.PureComponent<IconDisplayProps, IconDisplayState
           );
         }
 
+        // CopyrightCircle is same as Copyright, don't show it
+        iconList = iconList.filter(icon => icon !== 'CopyrightCircle');
+
         return {
           category: key,
           icons: iconList.map(iconName => iconName + theme).filter(iconName => allIcons[iconName]),
diff --git a/typings/custom-typings.d.ts b/typings/custom-typings.d.ts
index 5e9e592184..6a302f4c67 100644
--- a/typings/custom-typings.d.ts
+++ b/typings/custom-typings.d.ts
@@ -65,5 +65,3 @@ declare module '*.json' {
   export const version: string;
   export default value;
 }
-
-declare module 'react-copy-to-clipboard';