Merge pull request #17008 from Expensify/nikki-update-copy-icon

Update Clipboard icon to Copy icon

Author: roryabraham

assets/images/clipboard.svg

@@ -38,7 +38,7 @@ const CommunicationsLink = props => (
                 {props.children}
             </View>
             <ContextMenuItem
-                icon={Expensicons.Clipboard}
+                icon={Expensicons.Copy}
                 text={props.translate('reportActionContextMenu.copyToClipboard')}
                 successIcon={Expensicons.Checkmark}
                 successText={props.translate('reportActionContextMenu.copied')}

assets/images/copy.svg

@@ -61,7 +61,7 @@ class CopyTextToClipboard extends React.Component {
                 <Text style={this.props.textStyles}>{this.props.text}</Text>
                 <Tooltip text={this.props.translate(`reportActionContextMenu.${this.state.showCheckmark ? 'copied' : 'copyToClipboard'}`)}>
                     <Icon
-                        src={this.state.showCheckmark ? Expensicons.Checkmark : Expensicons.Clipboard}
+                        src={this.state.showCheckmark ? Expensicons.Checkmark : Expensicons.Copy}
                         fill={this.state.showCheckmark ? themeColors.iconSuccessFill : themeColors.icon}
                         width={variables.iconSizeSmall}
                         height={variables.iconSizeSmall}

src/components/CommunicationsLink.js

@@ -19,13 +19,13 @@ import Cash from '../../../assets/images/cash.svg';
 import ChatBubble from '../../../assets/images/chatbubble.svg';
 import Checkmark from '../../../assets/images/checkmark.svg';
 import Chair from '../../../assets/images/chair.svg';
-import Clipboard from '../../../assets/images/clipboard.svg';
 import Close from '../../../assets/images/close.svg';
 import ClosedSign from '../../../assets/images/closed-sign.svg';
 import Collapse from '../../../assets/images/collapse.svg';
 import Concierge from '../../../assets/images/concierge.svg';
 import ConciergeAvatar from '../../../assets/images/avatars/concierge-avatar.svg';
 import Connect from '../../../assets/images/connect.svg';
+import Copy from '../../../assets/images/copy.svg';
 import CreditCard from '../../../assets/images/creditcard.svg';
 import Document from '../../../assets/images/document.svg';
 import DeletedRoomAvatar from '../../../assets/images/avatars/deleted-room.svg';
@@ -133,13 +133,13 @@ export {
     ChatBubble,
     Checkmark,
     Chair,
-    Clipboard,
     Close,
     ClosedSign,
     Collapse,
     Concierge,
     ConciergeAvatar,
     Connect,
+    Copy,
     CreditCard,
     DeletedRoomAvatar,
     Document,

src/components/CopyTextToClipboard.js

@@ -111,7 +111,7 @@ export default [
     },
     {
         textTranslateKey: 'reportActionContextMenu.copyURLToClipboard',
-        icon: Expensicons.Clipboard,
+        icon: Expensicons.Copy,
         successTextTranslateKey: 'reportActionContextMenu.copied',
         successIcon: Expensicons.Checkmark,
         shouldShow: type => type === CONTEXT_MENU_TYPES.LINK,
@@ -123,7 +123,7 @@ export default [
     },
     {
         textTranslateKey: 'reportActionContextMenu.copyEmailToClipboard',
-        icon: Expensicons.Clipboard,
+        icon: Expensicons.Copy,
         successTextTranslateKey: 'reportActionContextMenu.copied',
         successIcon: Expensicons.Checkmark,
         shouldShow: type => type === CONTEXT_MENU_TYPES.EMAIL,
@@ -135,7 +135,7 @@ export default [
     },
     {
         textTranslateKey: 'reportActionContextMenu.copyToClipboard',
-        icon: Expensicons.Clipboard,
+        icon: Expensicons.Copy,
         successTextTranslateKey: 'reportActionContextMenu.copied',
         successIcon: Expensicons.Checkmark,
         shouldShow: (type, reportAction) => (type === CONTEXT_MENU_TYPES.REPORT_ACTION