diff options
author | Dan J Miller <danjm.com@gmail.com> | 2018-05-01 10:46:17 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-05-01 10:46:17 +0800 |
commit | 6def76e294d813c4f5a6c11fed3faf19580cc04b (patch) | |
tree | 24d68a267304d085ee1b7c705ce5ade53c9439c3 /ui/app/components/page-container/page-container-footer/page-container-footer.component.js | |
parent | 954394f81090b1a6a4afe55243caa3671b88addc (diff) | |
parent | 2f78fffbdbb0e41d73bcde2c15c88fff095614b7 (diff) | |
download | tangerine-wallet-browser-6def76e294d813c4f5a6c11fed3faf19580cc04b.tar.gz tangerine-wallet-browser-6def76e294d813c4f5a6c11fed3faf19580cc04b.tar.zst tangerine-wallet-browser-6def76e294d813c4f5a6c11fed3faf19580cc04b.zip |
Merge pull request #4157 from danjm/i3725-refactor-send-component-2
I3725 refactor send component
Diffstat (limited to 'ui/app/components/page-container/page-container-footer/page-container-footer.component.js')
-rw-r--r-- | ui/app/components/page-container/page-container-footer/page-container-footer.component.js | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/ui/app/components/page-container/page-container-footer/page-container-footer.component.js b/ui/app/components/page-container/page-container-footer/page-container-footer.component.js new file mode 100644 index 000000000..fafe1c19e --- /dev/null +++ b/ui/app/components/page-container/page-container-footer/page-container-footer.component.js @@ -0,0 +1,49 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' + +export default class PageContainerFooter extends Component { + + static propTypes = { + onCancel: PropTypes.func, + cancelText: PropTypes.string, + onSubmit: PropTypes.func, + submitText: PropTypes.string, + disabled: PropTypes.bool, + } + + static contextTypes = { + t: PropTypes.func, + } + + render () { + const { + onCancel, + cancelText, + onSubmit, + submitText, + disabled, + } = this.props + + return ( + <div className="page-container__footer"> + + <button + className="btn-secondary--lg page-container__footer-button" + onClick={() => onCancel()} + > + { this.context.t('cancel') || cancelText } + </button> + + <button + className="btn-primary--lg page-container__footer-button" + disabled={disabled} + onClick={e => onSubmit(e)} + > + { this.context.t('next') || submitText } + </button> + + </div> + ) + } + +} |