From 47b594107a89827d4b8c2f80738c1b0f2a785a24 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Thu, 15 Jul 2021 14:39:44 +0800
Subject: [PATCH] Use better icon for "Copy Link"

Not re-using the same icon as "Share".
---
 ui/component/claimMenuList/view.jsx | 2 +-
 ui/component/common/icon-custom.jsx | 6 ++++++
 ui/constants/icons.js               | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui/component/claimMenuList/view.jsx b/ui/component/claimMenuList/view.jsx
index 6d11581ed..df7925e82 100644
--- a/ui/component/claimMenuList/view.jsx
+++ b/ui/component/claimMenuList/view.jsx
@@ -411,7 +411,7 @@ function ClaimMenuList(props: Props) {
 
         <MenuItem className="comment__menu-option" onSelect={handleCopyLink}>
           <div className="menu__link">
-            <Icon aria-hidden icon={ICONS.SHARE} />
+            <Icon aria-hidden icon={ICONS.COPY_LINK} />
             {__('Copy Link')}
           </div>
         </MenuItem>
diff --git a/ui/component/common/icon-custom.jsx b/ui/component/common/icon-custom.jsx
index 8cf72cc42..c28e8de54 100644
--- a/ui/component/common/icon-custom.jsx
+++ b/ui/component/common/icon-custom.jsx
@@ -772,6 +772,12 @@ export const icons = {
       viewBox: '0 0 60 60',
     }
   ),
+  [ICONS.COPY_LINK]: buildIcon(
+    <g>
+      <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+      <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
+    </g>
+  ),
   [ICONS.PURCHASED]: buildIcon(
     <g>
       <path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" />
diff --git a/ui/constants/icons.js b/ui/constants/icons.js
index 2e9793e83..8f57851ee 100644
--- a/ui/constants/icons.js
+++ b/ui/constants/icons.js
@@ -52,6 +52,7 @@ export const LINKEDIN = 'LinkedIn';
 export const EMBED = 'Embed';
 export const MORE = 'More';
 export const SHARE_LINK = 'ShareLink';
+export const COPY_LINK = 'CopyLink';
 export const ACCOUNT = 'User';
 export const SETTINGS = 'Settings';
 export const FILTER = 'Filter';