m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-01 13:47:09 +01:00
Code

token select fixes

Browse Source
This commit is contained in:
Matthias Kretschmann 2023-11-04 23:55:21 +00:00
parent c9bdd99280
commit 76296533a7
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -18,7 +18,7 @@
- [🎉 Features](#-features) - [🎉 Features](#-features)
- [🌅 Image handling](#-image-handling) - [🌅 Image handling](#-image-handling)
- [🎆 EXIF extraction](#-exif-extraction) - [🎆 EXIF extraction](#-exif-extraction)
- [💰 Cryptocurrency donation via Web3/MetaMask](#-cryptocurrency-donation-via-web3metamask) - [💰 Cryptocurrency donation via Web3 browser wallets](#-cryptocurrency-donation-via-web3-browser-wallets)
- [🔍 Search](#-search) - [🔍 Search](#-search)
- [🕸 Related Posts](#-related-posts) - [🕸 Related Posts](#-related-posts)
- [📝 GitHub Changelog Rendering](#-github-changelog-rendering) - [📝 GitHub Changelog Rendering](#-github-changelog-rendering)
@ -75,9 +75,9 @@ If you want to know how this works, have a look at the respective files:
- the `loadAndFormatCollection()` helper in [`src/lib/astro.ts`](src/lib/astro.ts) - the `loadAndFormatCollection()` helper in [`src/lib/astro.ts`](src/lib/astro.ts)
- output through [`src/components/Exif/`](src/components/Exif/) - output through [`src/components/Exif/`](src/components/Exif/)
### 💰 Cryptocurrency donation via Web3/MetaMask ### 💰 Cryptocurrency donation via Web3 browser wallets
Lets visitors say thanks with Ether, any ERC-20, or Bitcoin. The Web3 wallet integration uses [RainbowKit](https://www.rainbowkit.com) for wallet connection & [wagmi](https://wagmi.sh) for sending transactions. Lets visitors say thanks with Ether, any ERC-20, or Bitcoin. The Web3 wallet integration uses [RainbowKit](https://www.rainbowkit.com) for wallet connection, my own custom web3 API to fetch wallet token balances and metadata, and [wagmi](https://wagmi.sh) for sending transactions.
<img width="700" alt="screen shot 2018-10-14 at 22 03 57" src="https://user-images.githubusercontent.com/90316/46921544-1a512080-cffd-11e8-919f-d3e86dbd5cc5.png" /> <img width="700" alt="screen shot 2018-10-14 at 22 03 57" src="https://user-images.githubusercontent.com/90316/46921544-1a512080-cffd-11e8-919f-d3e86dbd5cc5.png" />

8
src/features/Web3/components/TokenSelect/TokenSelect.tsx
View File

@ -16,7 +16,7 @@ import { useAccount } from 'wagmi'
import { useEffect } from 'react' import { useEffect } from 'react'
export function TokenSelect() { export function TokenSelect() {
const { address } = useAccount() const { address, isConnecting } = useAccount()
const { isLoading } = useFetchTokens() const { isLoading } = useFetchTokens()
const tokens = useStore($tokens) const tokens = useStore($tokens)
const selectedToken = useStore($selectedToken) const selectedToken = useStore($selectedToken)
@ -37,14 +37,14 @@ export function TokenSelect() {
$tokens.set(undefined) $tokens.set(undefined)
$setSelectedToken(undefined) $setSelectedToken(undefined)
} }
}, [address]) }, [address, tokens, selectedToken])
// Auto-select native token // Auto-select native token
useEffect(() => { useEffect(() => {
if (tokens && !selectedToken) { if (tokens && !selectedToken && !isConnecting) {
$setSelectedToken(tokens[0]) $setSelectedToken(tokens[0])
} }
}, [tokens]) }, [tokens, isConnecting, selectedToken])
return tokens ? ( return tokens ? (
<Select.Root <Select.Root