diff --git a/src/features/Web3/components/Success/Success.module.css b/src/features/Web3/components/Success/Success.module.css index 6b8e55cc..34da4bee 100644 --- a/src/features/Web3/components/Success/Success.module.css +++ b/src/features/Web3/components/Success/Success.module.css @@ -6,3 +6,18 @@ .title { font-size: var(--font-size-h3); } + +.actions { + display: flex; + justify-content: center; +} + +.actions button { + width: 115px; + height: 45px; + padding: 0; +} + +.success code { + font-size: var(--font-size-small); +} diff --git a/src/features/Web3/components/Success/Success.tsx b/src/features/Web3/components/Success/Success.tsx index a3d1e883..f91e0401 100644 --- a/src/features/Web3/components/Success/Success.tsx +++ b/src/features/Web3/components/Success/Success.tsx @@ -1,27 +1,31 @@ import { $txHash, $isInitSend } from '@features/Web3/stores' import { useStore } from '@nanostores/react' import styles from './Success.module.css' +import { useNetwork } from 'wagmi' export function Success() { + const { chain } = useNetwork() const txHash = useStore($txHash) + console.log(chain) + + const explorerName = chain?.blockExplorers?.default.name + const explorerLink = `${chain?.blockExplorers?.default.url}/tx/${txHash}` return (
- Your transaction has been sent. You can check the status on{' '} - - Etherscan + Your transaction is on its way. You can check the status on{' '} + + {explorerName} .
- 0xxxx{txHash}
+
+ {txHash}
+