aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/transaction-status
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/transaction-status')
-rw-r--r--ui/app/components/transaction-status/index.js1
-rw-r--r--ui/app/components/transaction-status/index.scss45
-rw-r--r--ui/app/components/transaction-status/tests/transaction-status.component.test.js33
-rw-r--r--ui/app/components/transaction-status/transaction-status.component.js63
4 files changed, 0 insertions, 142 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 e7daafeef..000000000
--- a/ui/app/components/transaction-status/index.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-.transaction-status {
- height: 26px;
- width: 84px;
- 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: 72px;
- font-size: .5rem;
- }
-
- &--confirmed {
- background-color: #eafad7;
- color: #609a1c;
-
- .transaction-status__transaction-count {
- border: 1px solid #609a1c;
- }
- }
-
- &--approved, &--submitted {
- background-color: #FFF2DB;
- color: #CA810A;
-
- .transaction-status__transaction-count {
- border: 1px solid #CA810A;
- }
- }
-
- &--failed {
- background: lighten($monzo, 56%);
- color: $monzo;
-
- .transaction-status__transaction-count {
- border: 1px solid $monzo;
- }
- }
-}
diff --git a/ui/app/components/transaction-status/tests/transaction-status.component.test.js b/ui/app/components/transaction-status/tests/transaction-status.component.test.js
deleted file mode 100644
index f4ddc9206..000000000
--- a/ui/app/components/transaction-status/tests/transaction-status.component.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react'
-import assert from 'assert'
-import { mount } from 'enzyme'
-import TransactionStatus from '../transaction-status.component'
-import Tooltip from '../../tooltip-v2'
-
-describe('TransactionStatus Component', () => {
- it('should render APPROVED properly', () => {
- const wrapper = mount(
- <TransactionStatus
- statusKey="approved"
- title="test-title"
- />,
- { context: { t: str => str.toUpperCase() } }
- )
-
- assert.ok(wrapper)
- assert.equal(wrapper.text(), 'APPROVED')
- assert.equal(wrapper.find(Tooltip).props().title, 'test-title')
- })
-
- it('should render SUBMITTED properly', () => {
- const wrapper = mount(
- <TransactionStatus
- statusKey="submitted"
- />,
- { context: { t: str => str.toUpperCase() } }
- )
-
- assert.ok(wrapper)
- assert.equal(wrapper.text(), 'PENDING')
- })
-})
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 28544d2cd..000000000
--- a/ui/app/components/transaction-status/transaction-status.component.js
+++ /dev/null
@@ -1,63 +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,
- CANCELLED_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',
- [CANCELLED_STATUS]: 'transaction-status--failed',
-}
-
-const statusToTextHash = {
- [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>
- )
- }
-}