36 lines
957 B
TypeScript
36 lines
957 B
TypeScript
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { AppState } from 'reducers';
|
|
import { signaturePending } from 'selectors/transaction';
|
|
import { Spinner } from 'components/ui';
|
|
interface StateProps {
|
|
isSignaturePending: boolean;
|
|
isHardwareWallet: boolean;
|
|
}
|
|
|
|
class SigningStatusClass extends Component<StateProps> {
|
|
public render() {
|
|
const { isHardwareWallet, isSignaturePending } = this.props;
|
|
|
|
const HWWalletPrompt: React.SFC<{}> = _ =>
|
|
isHardwareWallet ? (
|
|
<p>
|
|
<b>Confirm transaction on hardware wallet</b>
|
|
</p>
|
|
) : null;
|
|
|
|
return isSignaturePending ? (
|
|
<div className="container">
|
|
<div className="row form-group text-center">
|
|
<HWWalletPrompt />
|
|
<Spinner size="x2" />
|
|
</div>
|
|
</div>
|
|
) : null;
|
|
}
|
|
}
|
|
|
|
export const SigningStatus = connect((state: AppState) => signaturePending(state))(
|
|
SigningStatusClass
|
|
);
|