MyCrypto/common/components/SendButtonFactory/OfflineBroadcast.tsx

27 lines
859 B
TypeScript

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import { AppState } from 'reducers';
import { getOffline } from 'selectors/config';
import { NewTabLink } from 'components/ui';
interface StateProps {
offline: AppState['config']['meta']['offline'];
}
class OfflineBroadcastClass extends Component<StateProps> {
public render() {
return this.props.offline ? <BroadCast /> : null;
}
}
export const OfflineBroadcast = connect((state: AppState) => ({ offline: getOffline(state) }))(
OfflineBroadcastClass
);
const BroadCast: React.SFC<{}> = () => (
<p>
To broadcast this transaction, paste the above into the{' '}
<Link to="pushTx">Broadcast Transaction tab</Link> or{' '}
<NewTabLink href="https://etherscan.io/pushTx">etherscan.io/pushTx</NewTabLink>
</p>
);