MyCrypto/common/components/ExtendedNotifications/TransactionSucceeded.tsx

35 lines
778 B
TypeScript

import { BlockExplorerConfig } from 'config/data';
import React from 'react';
import {translateRaw} from 'translations';
export interface TransactionSucceededProps {
txHash: string;
blockExplorer: BlockExplorerConfig;
}
const TransactionSucceeded = ({
txHash,
blockExplorer
}: TransactionSucceededProps) => {
// const checkTxLink = `https://www.myetherwallet.com?txHash=${txHash}/#check-tx-status`;
const txHashLink = blockExplorer.tx(txHash);
return (
<div>
<p>
{translateRaw('SUCCESS_3') + txHash}
</p>
<a
className="btn btn-xs btn-info string"
href={txHashLink}
target="_blank"
rel="noopener"
>
Verify Transaction
</a>
</div>
);
};
export default TransactionSucceeded;