aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/identicon
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/identicon')
-rw-r--r--ui/app/components/identicon/identicon.component.js99
-rw-r--r--ui/app/components/identicon/identicon.container.js12
-rw-r--r--ui/app/components/identicon/index.js1
-rw-r--r--ui/app/components/identicon/index.scss7
-rw-r--r--ui/app/components/identicon/tests/identicon.component.test.js51
5 files changed, 0 insertions, 170 deletions
diff --git a/ui/app/components/identicon/identicon.component.js b/ui/app/components/identicon/identicon.component.js
deleted file mode 100644
index b892e5ae5..000000000
--- a/ui/app/components/identicon/identicon.component.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import { toDataUrl } from '../../../lib/blockies'
-import contractMap from 'eth-contract-metadata'
-import { checksumAddress } from '../../../app/util'
-import Jazzicon from '../jazzicon'
-
-const getStyles = diameter => (
- {
- height: diameter,
- width: diameter,
- borderRadius: diameter / 2,
- }
-)
-
-export default class Identicon extends PureComponent {
- static propTypes = {
- address: PropTypes.string,
- className: PropTypes.string,
- diameter: PropTypes.number,
- image: PropTypes.string,
- useBlockie: PropTypes.bool,
- }
-
- static defaultProps = {
- diameter: 46,
- }
-
- renderImage () {
- const { className, diameter, image } = this.props
-
- return (
- <img
- className={classnames('identicon', className)}
- src={image}
- style={getStyles(diameter)}
- />
- )
- }
-
- renderJazzicon () {
- const { address, className, diameter } = this.props
-
- return (
- <Jazzicon
- address={address}
- diameter={diameter}
- className={classnames('identicon', className)}
- style={getStyles(diameter)}
- />
- )
- }
-
- renderBlockie () {
- const { address, className, diameter } = this.props
-
- return (
- <div
- className={classnames('identicon', className)}
- style={getStyles(diameter)}
- >
- <img
- src={toDataUrl(address)}
- height={diameter}
- width={diameter}
- />
- </div>
- )
- }
-
- render () {
- const { className, address, image, diameter, useBlockie } = this.props
-
- if (image) {
- return this.renderImage()
- }
-
- if (address) {
- const checksummedAddress = checksumAddress(address)
-
- if (contractMap[checksummedAddress] && contractMap[checksummedAddress].logo) {
- return this.renderJazzicon()
- }
-
- return useBlockie
- ? this.renderBlockie()
- : this.renderJazzicon()
- }
-
- return (
- <img
- className={classnames('balance-icon', className)}
- src="./images/eth_logo.svg"
- style={getStyles(diameter)}
- />
- )
- }
-}
diff --git a/ui/app/components/identicon/identicon.container.js b/ui/app/components/identicon/identicon.container.js
deleted file mode 100644
index bc49bc18e..000000000
--- a/ui/app/components/identicon/identicon.container.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { connect } from 'react-redux'
-import Identicon from './identicon.component'
-
-const mapStateToProps = state => {
- const { metamask: { useBlockie } } = state
-
- return {
- useBlockie,
- }
-}
-
-export default connect(mapStateToProps)(Identicon)
diff --git a/ui/app/components/identicon/index.js b/ui/app/components/identicon/index.js
deleted file mode 100644
index 799c886f2..000000000
--- a/ui/app/components/identicon/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './identicon.container'
diff --git a/ui/app/components/identicon/index.scss b/ui/app/components/identicon/index.scss
deleted file mode 100644
index 657afc48f..000000000
--- a/ui/app/components/identicon/index.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.identicon {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- overflow: hidden;
-}
diff --git a/ui/app/components/identicon/tests/identicon.component.test.js b/ui/app/components/identicon/tests/identicon.component.test.js
deleted file mode 100644
index 2944818f5..000000000
--- a/ui/app/components/identicon/tests/identicon.component.test.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react'
-import assert from 'assert'
-import thunk from 'redux-thunk'
-import configureMockStore from 'redux-mock-store'
-import { mount } from 'enzyme'
-import Identicon from '../identicon.component'
-
-describe('Identicon', () => {
- const state = {
- metamask: {
- useBlockie: false,
- },
- }
-
- const middlewares = [thunk]
- const mockStore = configureMockStore(middlewares)
- const store = mockStore(state)
-
- it('renders default eth_logo identicon with no props', () => {
- const wrapper = mount(
- <Identicon store={store}/>
- )
-
- assert.equal(wrapper.find('img.balance-icon').prop('src'), './images/eth_logo.svg')
- })
-
- it('renders custom image and add className props', () => {
- const wrapper = mount(
- <Identicon
- store={store}
- className="test-image"
- image="test-image"
- />
- )
-
- assert.equal(wrapper.find('img.test-image').prop('className'), 'identicon test-image')
- assert.equal(wrapper.find('img.test-image').prop('src'), 'test-image')
- })
-
- it('renders div with address prop', () => {
- const wrapper = mount(
- <Identicon
- store={store}
- className="test-address"
- address="0xTest"
- />
- )
-
- assert.equal(wrapper.find('div.test-address').prop('className'), 'identicon test-address')
- })
-})