diff options
author | Esteban MiƱo <efmino@uc.cl> | 2018-07-21 08:09:37 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-07-21 08:09:37 +0800 |
commit | 110efa9ec1525b5fd925de5a0d9350c40823464b (patch) | |
tree | 3cfe09a52c4c6b86ced28a32c2190ccf5c3084a2 /ui/app/components/confirm-page-container/confirm-detail-row/confirm-detail-row.component.js | |
parent | 9c955549338f49d8b5eb6ca003c2c65c725aa328 (diff) | |
parent | e094d4ad1fb84a9bc663c328d0650bd9d8bf8716 (diff) | |
download | tangerine-wallet-browser-110efa9ec1525b5fd925de5a0d9350c40823464b.tar.gz tangerine-wallet-browser-110efa9ec1525b5fd925de5a0d9350c40823464b.tar.zst tangerine-wallet-browser-110efa9ec1525b5fd925de5a0d9350c40823464b.zip |
Merge branch 'develop' into detectTokenFeature
Diffstat (limited to 'ui/app/components/confirm-page-container/confirm-detail-row/confirm-detail-row.component.js')
-rw-r--r-- | ui/app/components/confirm-page-container/confirm-detail-row/confirm-detail-row.component.js | 52 |
1 files changed, 52 insertions, 0 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 new file mode 100644 index 000000000..f0703dde2 --- /dev/null +++ b/ui/app/components/confirm-page-container/confirm-detail-row/confirm-detail-row.component.js @@ -0,0 +1,52 @@ +import React from 'react' +import PropTypes from 'prop-types' +import classnames from 'classnames' + +const ConfirmDetailRow = props => { + const { + label, + fiatText, + ethText, + onHeaderClick, + fiatTextColor, + headerText, + headerTextClassName, + } = 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> + <div + className="confirm-detail-row__fiat" + style={{ color: fiatTextColor }} + > + { fiatText } + </div> + <div className="confirm-detail-row__eth"> + { ethText } + </div> + </div> + </div> + ) +} + +ConfirmDetailRow.propTypes = { + label: PropTypes.string, + fiatText: PropTypes.string, + ethText: PropTypes.string, + fiatTextColor: PropTypes.string, + onHeaderClick: PropTypes.func, + headerText: PropTypes.string, + headerTextClassName: PropTypes.string, +} + +export default ConfirmDetailRow |