diff options
author | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2018-10-02 08:32:47 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-10-02 08:32:47 +0800 |
commit | b11a8ca2f74af108f48604b1b427b224a9df1292 (patch) | |
tree | 8b870d4ccc788fcd74863af811441314e61d59bf /ui/app/components/page-container/page-container-footer/page-container-footer.component.js | |
parent | f2fc91b80b30fbd5fa12d24b7bb634f1825de006 (diff) | |
parent | 65ba018aad5c09cf5f5b96df559cb543e4a9e980 (diff) | |
download | tangerine-wallet-browser-b11a8ca2f74af108f48604b1b427b224a9df1292.tar.gz tangerine-wallet-browser-b11a8ca2f74af108f48604b1b427b224a9df1292.tar.zst tangerine-wallet-browser-b11a8ca2f74af108f48604b1b427b224a9df1292.zip |
Merge pull request #5329 from whymarrh/confirm-features
Add batch reject to confirm screen
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 | 46 |
1 files changed, 28 insertions, 18 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 index 3d15df294..773fe1f56 100644 --- 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 @@ -5,6 +5,7 @@ import Button from '../../button' export default class PageContainerFooter extends Component { static propTypes = { + children: PropTypes.node, onCancel: PropTypes.func, cancelText: PropTypes.string, onSubmit: PropTypes.func, @@ -19,6 +20,7 @@ export default class PageContainerFooter extends Component { render () { const { + children, onCancel, cancelText, onSubmit, @@ -30,24 +32,32 @@ export default class PageContainerFooter extends Component { return ( <div className="page-container__footer"> - <Button - type="default" - large - className="page-container__footer-button" - onClick={e => onCancel(e)} - > - { cancelText || this.context.t('cancel') } - </Button> - - <Button - type={submitButtonType || 'primary'} - large - className="page-container__footer-button" - disabled={disabled} - onClick={e => onSubmit(e)} - > - { submitText || this.context.t('next') } - </Button> + <header> + <Button + type="default" + large + className="page-container__footer-button" + onClick={e => onCancel(e)} + > + { cancelText || this.context.t('cancel') } + </Button> + + <Button + type={submitButtonType || 'primary'} + large + className="page-container__footer-button" + disabled={disabled} + onClick={e => onSubmit(e)} + > + { submitText || this.context.t('next') } + </Button> + </header> + + {children && ( + <footer> + {children} + </footer> + )} </div> ) |