MyCrypto/common/containers/Tabs/SignAndVerifyMessage/components/SignMessage/SignButton.tsx

44 lines
1.2 KiB
TypeScript

import React from 'react';
import translate from 'translations';
import { ISignedMessage } from 'libs/signing';
import { IFullWallet } from 'libs/wallet';
import { TShowNotification } from 'actions/notifications';
interface Props {
wallet: IFullWallet;
message: string;
showNotification: TShowNotification;
onSignMessage(msg: ISignedMessage): any;
}
export default class SignMessageButton extends React.Component<Props, {}> {
public render() {
return (
<button className="SignMessage-sign btn btn-primary btn-lg" onClick={this.handleSignMessage}>
{translate('NAV_SIGNMSG')}
</button>
);
}
private handleSignMessage = async () => {
const { wallet, message, showNotification, onSignMessage } = this.props;
try {
const signedMessage: ISignedMessage = {
address: wallet.getAddressString(),
msg: message,
sig: await wallet.signMessage(message),
version: '2'
};
onSignMessage(signedMessage);
showNotification(
'success',
translate('SIGN_MSG_SUCCESS', { $address: signedMessage.address })
);
} catch (err) {
showNotification('danger', translate('SIGN_MSG_FAIL', { $err: err.message }));
}
};
}