You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.7 KiB
60 lines
1.7 KiB
import React, { useContext } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import classnames from 'classnames'
|
|
import { I18nContext } from '../../../contexts/i18n'
|
|
|
|
import PageContainerFooter from '../../../components/ui/page-container/page-container-footer'
|
|
|
|
export default function SwapsFooter ({
|
|
onCancel,
|
|
hideCancel,
|
|
onSubmit,
|
|
submitText,
|
|
disabled,
|
|
showTermsOfService,
|
|
showTopBorder,
|
|
}) {
|
|
const t = useContext(I18nContext)
|
|
|
|
return (
|
|
<div className="swaps-footer">
|
|
<div
|
|
className={classnames('swaps-footer__buttons', {
|
|
'swaps-footer__buttons--border': showTopBorder,
|
|
})}
|
|
>
|
|
<PageContainerFooter
|
|
onCancel={onCancel}
|
|
hideCancel={hideCancel}
|
|
cancelText={t('back')}
|
|
onSubmit={onSubmit}
|
|
submitText={submitText}
|
|
submitButtonType="confirm"
|
|
footerClassName="swaps-footer__custom-page-container-footer-class"
|
|
footerButtonClassName={classnames('swaps-footer__custom-page-container-footer-button-class', {
|
|
'swaps-footer__custom-page-container-footer-button-class--single': hideCancel,
|
|
})}
|
|
disabled={disabled}
|
|
/>
|
|
</div>
|
|
{showTermsOfService && (
|
|
<div
|
|
className="swaps-footer__bottom-text"
|
|
onClick={() => global.platform.openTab({ url: 'https://metamask.io/terms.html' })}
|
|
>
|
|
{t('termsOfService')}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
SwapsFooter.propTypes = {
|
|
onCancel: PropTypes.func,
|
|
hideCancel: PropTypes.bool,
|
|
onSubmit: PropTypes.func.isRequired,
|
|
submitText: PropTypes.string,
|
|
disabled: PropTypes.bool,
|
|
showTermsOfService: PropTypes.bool,
|
|
showTopBorder: PropTypes.bool,
|
|
}
|
|
|