diff options
Diffstat (limited to 'ui/app/components/transaction-status')
-rw-r--r-- | ui/app/components/transaction-status/index.js | 1 | ||||
-rw-r--r-- | ui/app/components/transaction-status/index.scss | 33 | ||||
-rw-r--r-- | ui/app/components/transaction-status/transaction-status.component.js | 59 |
3 files changed, 0 insertions, 93 deletions
diff --git a/ui/app/components/transaction-status/index.js b/ui/app/components/transaction-status/index.js deleted file mode 100644 index dece41e9c..000000000 --- a/ui/app/components/transaction-status/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './transaction-status.component' diff --git a/ui/app/components/transaction-status/index.scss b/ui/app/components/transaction-status/index.scss deleted file mode 100644 index 26a1f5d38..000000000 --- a/ui/app/components/transaction-status/index.scss +++ /dev/null @@ -1,33 +0,0 @@ -.transaction-status { - height: 26px; - width: 81px; - border-radius: 4px; - background-color: #f0f0f0; - color: #5e6064; - font-size: .625rem; - text-transform: uppercase; - display: flex; - justify-content: center; - align-items: center; - - @media screen and (max-width: $break-small) { - height: 16px; - width: 70px; - font-size: .5rem; - } - - &--confirmed { - background-color: #eafad7; - color: #609a1c; - } - - &--approved, &--submitted { - background-color: #FFF2DB; - color: #CA810A; - } - - &--failed { - background: lighten($monzo, 56%); - color: $monzo; - } -} diff --git a/ui/app/components/transaction-status/transaction-status.component.js b/ui/app/components/transaction-status/transaction-status.component.js deleted file mode 100644 index c22baf18a..000000000 --- a/ui/app/components/transaction-status/transaction-status.component.js +++ /dev/null @@ -1,59 +0,0 @@ -import React, { PureComponent } from 'react' -import PropTypes from 'prop-types' -import classnames from 'classnames' -import Tooltip from '../tooltip-v2' -import { - UNAPPROVED_STATUS, - REJECTED_STATUS, - APPROVED_STATUS, - SIGNED_STATUS, - SUBMITTED_STATUS, - CONFIRMED_STATUS, - FAILED_STATUS, - DROPPED_STATUS, -} from '../../constants/transactions' - -const statusToClassNameHash = { - [UNAPPROVED_STATUS]: 'transaction-status--unapproved', - [REJECTED_STATUS]: 'transaction-status--rejected', - [APPROVED_STATUS]: 'transaction-status--approved', - [SIGNED_STATUS]: 'transaction-status--signed', - [SUBMITTED_STATUS]: 'transaction-status--submitted', - [CONFIRMED_STATUS]: 'transaction-status--confirmed', - [FAILED_STATUS]: 'transaction-status--failed', - [DROPPED_STATUS]: 'transaction-status--dropped', -} - -const statusToTextHash = { - [APPROVED_STATUS]: 'pending', - [SUBMITTED_STATUS]: 'pending', -} - -export default class TransactionStatus extends PureComponent { - static defaultProps = { - title: null, - } - - static contextTypes = { - t: PropTypes.func, - } - - static propTypes = { - statusKey: PropTypes.string, - className: PropTypes.string, - title: PropTypes.string, - } - - render () { - const { className, statusKey, title } = this.props - const statusText = this.context.t(statusToTextHash[statusKey] || statusKey) - - return ( - <div className={classnames('transaction-status', className, statusToClassNameHash[statusKey])}> - <Tooltip position="top" title={title}> - { statusText } - </Tooltip> - </div> - ) - } -} |