diff --git a/package.json b/package.json index 7917602..6b94604 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "dependencies": { "@coingecko/cryptoformat": "^0.3.2", "ethereum-address": "0.0.4", + "ethereum-blockies": "MyEtherWallet/blockies", "ms": "^2.1.1" }, "devDependencies": { @@ -50,7 +51,6 @@ "prettier": "^1.17.1", "prettier-stylelint": "^0.4.2", "react": "^16.8.6", - "react-blockies": "^1.4.1", "react-dom": "^16.8.6", "react-pose": "^4.0.8", "release-it": "^12.2.2", diff --git a/src/renderer/screens/Home.css b/src/renderer/screens/Home.css index 00ee3d4..d43d30b 100644 --- a/src/renderer/screens/Home.css +++ b/src/renderer/screens/Home.css @@ -43,8 +43,7 @@ font-size: .85rem; display: block; white-space: nowrap; - margin-top: .3rem; - transition: color .2s ease-out; + margin-top: .5rem; } .number-unit-wrap--accounts { diff --git a/src/renderer/screens/Preferences/Accounts.jsx b/src/renderer/screens/Preferences/Accounts.jsx index ee9913a..15eb4de 100644 --- a/src/renderer/screens/Preferences/Accounts.jsx +++ b/src/renderer/screens/Preferences/Accounts.jsx @@ -1,6 +1,6 @@ import React, { PureComponent } from 'react' import PropTypes from 'prop-types' -import Blockies from 'react-blockies' +import { toDataUrl } from 'ethereum-blockies' import posed, { PoseGroup } from 'react-pose' import Store from 'electron-store' import ethereum_address from 'ethereum-address' @@ -11,22 +11,26 @@ const Item = posed.li(fadeIn) const AccountsList = ({ accounts, handleDelete }) => ( - {accounts.map(account => ( - -
- - {account} -
+ {accounts.map(account => { + const identicon = account && toDataUrl(account) - -
- ))} + return ( + +
+ Blockies + {account} +
+ + +
+ ) + })}
)