Merge pull request #610 from LiskHQ/594-copy-address-account-switch

Make address in account switcher copyable - Closes #594
LiskHQ · Mar 27, 2018 · ab1eca6 · ab1eca6
2 parents 587283c + 9d64f76
commit ab1eca6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/savedAccounts/savedAccounts.css b/src/components/savedAccounts/savedAccounts.css
@@ -131,6 +131,7 @@
   margin-bottom: 40px;
   color: var(--color-grayscale-dark);
   font-size: var(--address-font-size);
+  font-weight: var(--font-weight-normal);
 }
 
 .cardIcon {

diff --git a/src/components/savedAccounts/savedAccounts.js b/src/components/savedAccounts/savedAccounts.js
@@ -18,6 +18,7 @@ import rectangleImage2 from '../../assets/images/add-id-rectangle-2.svg';
 import rectangleImage3 from '../../assets/images/add-id-rectangle-3.svg';
 import triangleImage from '../../assets/images/add-id-triangle.svg';
 import { FontIcon } from '../fontIcon';
+import CopyToClipboard from '../copyToClipboard';
 
 import styles from './savedAccounts.css';
 
@@ -157,7 +158,8 @@ class SavedAccounts extends React.Component {
                 <h2>
                   <LiskAmount val={account.balance} /> <small>LSK</small>
                 </h2>
-                <div className={styles.address} >{extractAddress(account.publicKey)}</div>
+                <div className={styles.address} onClick={ e => e.stopPropagation()}>
+                  <CopyToClipboard value={extractAddress(account.publicKey)}/></div>
                 { this.isSelectedForRemove(account) ?
                   <div className={styles.removeConfirm}>
                     <h2>{t('You can always get it back.')}</h2>