aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/network-display
diff options
context:
space:
mode:
authorChi Kei Chan <chikeichan@gmail.com>2019-03-22 07:03:30 +0800
committerDan J Miller <danjm.com@gmail.com>2019-03-22 07:03:30 +0800
commit31175625b446cb5d18b17db23018bca8b14d280c (patch)
treef54e159883deef003fb281267025edf796eb8004 /ui/app/components/network-display
parent7287133e15fab22299e07704206e85bc855d1064 (diff)
downloadtangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.tar
tangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.tar.gz
tangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.tar.bz2
tangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.tar.lz
tangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.tar.xz
tangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.tar.zst
tangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.zip
Folder restructure (#6304)
* Remove ui/app/keychains/ * Remove ui/app/img/ (unused images) * Move conversion-util to helpers/utils/ * Move token-util to helpers/utils/ * Move /helpers/*.js inside /helpers/utils/ * Move util tests inside /helpers/utils/ * Renameand move confirm-transaction/util.js to helpers/utils/ * Move higher-order-components to helpers/higher-order-components/ * Move infura-conversion.json to helpers/constants/ * Move all utility functions to helpers/utils/ * Move pages directory to top-level * Move all constants to helpers/constants/ * Move metametrics inside helpers/ * Move app and root inside pages/ * Move routes inside helpers/ * Re-organize ducks/ * Move reducers to ducks/ * Move selectors inside selectors/ * Move test out of test folder * Move action, reducer, store inside store/ * Move ui components inside ui/ * Move UI components inside ui/ * Move connected components inside components/app/ * Move i18n-helper inside helpers/ * Fix unit tests * Fix unit test * Move pages components * Rename routes component * Move reducers to ducks/index * Fix bad path in unit test
Diffstat (limited to 'ui/app/components/network-display')
-rw-r--r--ui/app/components/network-display/index.js2
-rw-r--r--ui/app/components/network-display/index.scss57
-rw-r--r--ui/app/components/network-display/network-display.component.js76
-rw-r--r--ui/app/components/network-display/network-display.container.js11
4 files changed, 0 insertions, 146 deletions
diff --git a/ui/app/components/network-display/index.js b/ui/app/components/network-display/index.js
deleted file mode 100644
index f6878ae5b..000000000
--- a/ui/app/components/network-display/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import NetworkDisplay from './network-display.container'
-module.exports = NetworkDisplay
diff --git a/ui/app/components/network-display/index.scss b/ui/app/components/network-display/index.scss
deleted file mode 100644
index e9f2f2057..000000000
--- a/ui/app/components/network-display/index.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.network-display {
- &__container {
- display: flex;
- align-items: center;
- justify-content: flex-start;
- padding: 0 10px;
- border-radius: 4px;
- height: 25px;
-
- &--colored {
- background-color: lighten(rgb(125, 128, 130), 45%);
- }
-
- &--mainnet {
- background-color: lighten($blue-lagoon, 68%);
- }
-
- &--ropsten {
- background-color: lighten($crimson, 45%);
- }
-
- &--kovan {
- background-color: lighten($purple, 65%);
- }
-
- &--rinkeby {
- background-color: lighten($tulip-tree, 35%);
- }
- }
-
- &__name {
- font-size: .75rem;
- padding-left: 5px;
- }
-
- &__icon {
- height: 10px;
- width: 10px;
- border-radius: 10px;
-
- &--mainnet {
- background-color: $blue-lagoon;
- }
-
- &--ropsten {
- background-color: $crimson;
- }
-
- &--kovan {
- background-color: $purple;
- }
-
- &--rinkeby {
- background-color: $tulip-tree;
- }
- }
-}
diff --git a/ui/app/components/network-display/network-display.component.js b/ui/app/components/network-display/network-display.component.js
deleted file mode 100644
index 22d617099..000000000
--- a/ui/app/components/network-display/network-display.component.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import {
- MAINNET_CODE,
- ROPSTEN_CODE,
- RINKEYBY_CODE,
- KOVAN_CODE,
-} from '../../../../app/scripts/controllers/network/enums'
-
-const networkToClassHash = {
- [MAINNET_CODE]: 'mainnet',
- [ROPSTEN_CODE]: 'ropsten',
- [RINKEYBY_CODE]: 'rinkeby',
- [KOVAN_CODE]: 'kovan',
-}
-
-export default class NetworkDisplay extends Component {
- static defaultProps = {
- colored: true,
- }
-
- static propTypes = {
- colored: PropTypes.bool,
- network: PropTypes.string,
- provider: PropTypes.object,
- }
-
- static contextTypes = {
- t: PropTypes.func,
- }
-
- renderNetworkIcon () {
- const { network } = this.props
- const networkClass = networkToClassHash[network]
-
- return networkClass
- ? <div className={`network-display__icon network-display__icon--${networkClass}`} />
- : <div
- className="i fa fa-question-circle fa-med"
- style={{
- margin: '0 4px',
- color: 'rgb(125, 128, 130)',
- }}
- />
- }
-
- render () {
- const { colored, network, provider: { type, nickname } } = this.props
- const networkClass = networkToClassHash[network]
-
- return (
- <div
- className={classnames('network-display__container', {
- 'network-display__container--colored': colored,
- ['network-display__container--' + networkClass]: colored && networkClass,
- })}
- >
- {
- networkClass
- ? <div className={`network-display__icon network-display__icon--${networkClass}`} />
- : <div
- className="i fa fa-question-circle fa-med"
- style={{
- margin: '0 4px',
- color: 'rgb(125, 128, 130)',
- }}
- />
- }
- <div className="network-display__name">
- { type === 'rpc' && nickname ? nickname : this.context.t(type) }
- </div>
- </div>
- )
- }
-}
diff --git a/ui/app/components/network-display/network-display.container.js b/ui/app/components/network-display/network-display.container.js
deleted file mode 100644
index 99a14fff4..000000000
--- a/ui/app/components/network-display/network-display.container.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { connect } from 'react-redux'
-import NetworkDisplay from './network-display.component'
-
-const mapStateToProps = ({ metamask: { network, provider } }) => {
- return {
- network,
- provider,
- }
-}
-
-export default connect(mapStateToProps)(NetworkDisplay)