diff --git a/src/features/Web3/components/Input/InputGroup.module.css b/src/features/Web3/components/Input/InputGroup.module.css index 53f5da50..c19192ea 100644 --- a/src/features/Web3/components/Input/InputGroup.module.css +++ b/src/features/Web3/components/Input/InputGroup.module.css @@ -60,12 +60,13 @@ } .submit { - width: calc(100% - calc(var(--spacer) / 2) - 2px); max-width: none; - height: calc(- var(--border-width)); + height: calc(var(--height) - calc(var(--border-width) * 2)); border-top-left-radius: 0; border-top-right-radius: 0; border: var(--border-width) solid var(--link-color); + padding-top: 0; + padding-bottom: 0; } @media (min-width: 40rem) { diff --git a/src/features/Web3/components/Send/Send.tsx b/src/features/Web3/components/Send/Send.tsx index 82082b45..c429a6b3 100644 --- a/src/features/Web3/components/Send/Send.tsx +++ b/src/features/Web3/components/Send/Send.tsx @@ -5,7 +5,7 @@ import type { SendTransactionArgs, WriteContractPreparedArgs } from 'wagmi/actions' -import { $selectedToken, $isInitSend } from '@features/Web3/stores' +import { $selectedToken, $isInitSend, $txHash } from '@features/Web3/stores' import siteConfig from '@config/blog.config' import { prepareTransaction, sendTransaction } from './actions' import styles from './Send.module.css' @@ -16,6 +16,7 @@ export function Send({ amount }: { amount: string }) { const { ens } = siteConfig.author.ether const { chain } = useNetwork() const selectedToken = useStore($selectedToken) + const txHash = useStore($txHash) // Always resolve to address from ENS name and vice versa // so nobody has to trust my config values. @@ -28,7 +29,6 @@ export function Send({ amount }: { amount: string }) { const [txConfig, setTxConfig] = useState< SendTransactionArgs | WriteContractPreparedArgs >() - const [txHash, setTxHash] = useState() const [isLoading, setIsLoading] = useState(false) useEffect(() => { @@ -57,7 +57,7 @@ export function Send({ amount }: { amount: string }) { try { setIsLoading(true) const result = await sendTransaction(selectedToken, txConfig) - setTxHash(result?.hash) + $txHash.set(result?.hash) setIsLoading(false) } catch (error: unknown) { console.error((error as Error).message) diff --git a/src/features/Web3/stores/index.ts b/src/features/Web3/stores/index.ts index 53fc7930..ace64407 100644 --- a/src/features/Web3/stores/index.ts +++ b/src/features/Web3/stores/index.ts @@ -1,3 +1,3 @@ export * from './tokens' export * from './selectedToken' -export * from './isInitSend' +export * from './send' diff --git a/src/features/Web3/stores/isInitSend.ts b/src/features/Web3/stores/send.ts similarity index 62% rename from src/features/Web3/stores/isInitSend.ts rename to src/features/Web3/stores/send.ts index 93bae77f..529142ff 100644 --- a/src/features/Web3/stores/isInitSend.ts +++ b/src/features/Web3/stores/send.ts @@ -1,3 +1,4 @@ import { atom } from 'nanostores' export const $isInitSend = atom(false) +export const $txHash = atom()