diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2019-03-22 07:03:30 +0800 |
---|---|---|
committer | Dan J Miller <danjm.com@gmail.com> | 2019-03-22 07:03:30 +0800 |
commit | 31175625b446cb5d18b17db23018bca8b14d280c (patch) | |
tree | f54e159883deef003fb281267025edf796eb8004 /ui/app/components/confirm-page-container/confirm-detail-row | |
parent | 7287133e15fab22299e07704206e85bc855d1064 (diff) | |
download | tangerine-wallet-browser-31175625b446cb5d18b17db23018bca8b14d280c.tar.gz 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/confirm-page-container/confirm-detail-row')
4 files changed, 0 insertions, 199 deletions
diff --git a/ui/app/components/confirm-page-container/confirm-detail-row/confirm-detail-row.component.js b/ui/app/components/confirm-page-container/confirm-detail-row/confirm-detail-row.component.js deleted file mode 100644 index c7262d2a9..000000000 --- a/ui/app/components/confirm-page-container/confirm-detail-row/confirm-detail-row.component.js +++ /dev/null @@ -1,84 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' -import classnames from 'classnames' -import UserPreferencedCurrencyDisplay from '../../user-preferenced-currency-display' -import { PRIMARY, SECONDARY } from '../../../constants/common' - -const ConfirmDetailRow = props => { - const { - label, - primaryText, - secondaryText, - onHeaderClick, - primaryValueTextColor, - headerText, - headerTextClassName, - value, - } = props - - return ( - <div className="confirm-detail-row"> - <div className="confirm-detail-row__label"> - { label } - </div> - <div className="confirm-detail-row__details"> - <div - className={classnames('confirm-detail-row__header-text', headerTextClassName)} - onClick={() => onHeaderClick && onHeaderClick()} - > - { headerText } - </div> - { - primaryText - ? ( - <div - className="confirm-detail-row__primary" - style={{ color: primaryValueTextColor }} - > - { primaryText } - </div> - ) : ( - <UserPreferencedCurrencyDisplay - className="confirm-detail-row__primary" - type={PRIMARY} - value={value} - showEthLogo - ethLogoHeight="18" - style={{ color: primaryValueTextColor }} - hideLabel - /> - ) - } - { - secondaryText - ? ( - <div className="confirm-detail-row__secondary"> - { secondaryText } - </div> - ) : ( - <UserPreferencedCurrencyDisplay - className="confirm-detail-row__secondary" - type={SECONDARY} - value={value} - showEthLogo - hideLabel - /> - ) - } - </div> - </div> - ) -} - -ConfirmDetailRow.propTypes = { - headerText: PropTypes.string, - headerTextClassName: PropTypes.string, - label: PropTypes.string, - onHeaderClick: PropTypes.func, - primaryValueTextColor: PropTypes.string, - primaryText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - secondaryText: PropTypes.string, - value: PropTypes.string, -} - -export default ConfirmDetailRow diff --git a/ui/app/components/confirm-page-container/confirm-detail-row/index.js b/ui/app/components/confirm-page-container/confirm-detail-row/index.js deleted file mode 100644 index 056afff04..000000000 --- a/ui/app/components/confirm-page-container/confirm-detail-row/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './confirm-detail-row.component' diff --git a/ui/app/components/confirm-page-container/confirm-detail-row/index.scss b/ui/app/components/confirm-page-container/confirm-detail-row/index.scss deleted file mode 100644 index 1672ef8c6..000000000 --- a/ui/app/components/confirm-page-container/confirm-detail-row/index.scss +++ /dev/null @@ -1,50 +0,0 @@ -.confirm-detail-row { - padding: 14px 0; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - - &__label { - font-size: .75rem; - font-weight: 500; - color: $scorpion; - text-transform: uppercase; - } - - &__details { - flex: 1; - text-align: end; - min-width: 0; - } - - &__primary { - font-size: 1.5rem; - justify-content: flex-end; - } - - &__secondary { - color: $oslo-gray; - justify-content: flex-end; - } - - &__header-text { - font-size: .75rem; - text-transform: uppercase; - margin-bottom: 6px; - color: $scorpion; - - &--edit { - color: $curious-blue; - cursor: pointer; - } - - &--total { - font-size: .625rem; - } - } - - .advanced-gas-inputs__gas-edit-rows { - margin-bottom: 16px; - } -} diff --git a/ui/app/components/confirm-page-container/confirm-detail-row/tests/confirm-detail-row.component.test.js b/ui/app/components/confirm-page-container/confirm-detail-row/tests/confirm-detail-row.component.test.js deleted file mode 100644 index c8507985d..000000000 --- a/ui/app/components/confirm-page-container/confirm-detail-row/tests/confirm-detail-row.component.test.js +++ /dev/null @@ -1,64 +0,0 @@ -import React from 'react' -import assert from 'assert' -import { shallow } from 'enzyme' -import ConfirmDetailRow from '../confirm-detail-row.component.js' -import sinon from 'sinon' - -const propsMethodSpies = { - onHeaderClick: sinon.spy(), -} - -describe('Confirm Detail Row Component', function () { - let wrapper - - beforeEach(() => { - wrapper = shallow( - <ConfirmDetailRow - errorType={'mockErrorType'} - label={'mockLabel'} - showError={false} - primaryText = {'mockFiatText'} - secondaryText = {'mockEthText'} - primaryValueTextColor= {'mockColor'} - onHeaderClick= {propsMethodSpies.onHeaderClick} - headerText = {'mockHeaderText'} - headerTextClassName = {'mockHeaderClass'} - /> - ) - }) - - describe('render', () => { - it('should render a div with a confirm-detail-row class', () => { - assert.equal(wrapper.find('div.confirm-detail-row').length, 1) - }) - - it('should render the label as a child of the confirm-detail-row__label', () => { - assert.equal(wrapper.find('.confirm-detail-row > .confirm-detail-row__label').childAt(0).text(), 'mockLabel') - }) - - it('should render the headerText as a child of the confirm-detail-row__header-text', () => { - assert.equal(wrapper.find('.confirm-detail-row__details > .confirm-detail-row__header-text').childAt(0).text(), 'mockHeaderText') - }) - - it('should render the primaryText as a child of the confirm-detail-row__primary', () => { - assert.equal(wrapper.find('.confirm-detail-row__details > .confirm-detail-row__primary').childAt(0).text(), 'mockFiatText') - }) - - it('should render the ethText as a child of the confirm-detail-row__secondary', () => { - assert.equal(wrapper.find('.confirm-detail-row__details > .confirm-detail-row__secondary').childAt(0).text(), 'mockEthText') - }) - - it('should set the fiatTextColor on confirm-detail-row__primary', () => { - assert.equal(wrapper.find('.confirm-detail-row__primary').props().style.color, 'mockColor') - }) - - it('should assure the confirm-detail-row__header-text classname is correct', () => { - assert.equal(wrapper.find('.confirm-detail-row__header-text').props().className, 'confirm-detail-row__header-text mockHeaderClass') - }) - - it('should call onHeaderClick when headerText div gets clicked', () => { - wrapper.find('.confirm-detail-row__header-text').props().onClick() - assert.equal(assert.equal(propsMethodSpies.onHeaderClick.callCount, 1)) - }) - }) -}) |