35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
|
|
import translate from 'translations';
|
|
import { SigningStatus } from 'components';
|
|
import { ConfirmationModal } from 'components/ConfirmationModal';
|
|
import { SendButtonFactory } from './SendButtonFactory';
|
|
import './SendButton.scss';
|
|
|
|
export const SendButton: React.SFC<{
|
|
className?: string;
|
|
signing?: boolean;
|
|
customModal?: typeof ConfirmationModal;
|
|
}> = ({ signing, customModal, className }) => (
|
|
<React.Fragment>
|
|
<SendButtonFactory
|
|
signing={signing}
|
|
Modal={customModal ? customModal : ConfirmationModal}
|
|
withProps={({ disabled, openModal, signTx }) => (
|
|
<React.Fragment>
|
|
<button
|
|
disabled={disabled}
|
|
className={`SendButton btn btn-primary btn-block ${className}`}
|
|
onClick={() => {
|
|
!!signing ? (signTx(), openModal()) : openModal();
|
|
}}
|
|
>
|
|
{translate('SEND_TRANS')}
|
|
</button>
|
|
</React.Fragment>
|
|
)}
|
|
/>
|
|
<SigningStatus />
|
|
</React.Fragment>
|
|
);
|