mirror of
https://github.com/kremalicious/blog.git
synced 2025-02-14 21:10:25 +01:00
tweak
This commit is contained in:
parent
a3e623d89c
commit
ecde440144
@ -10,7 +10,7 @@ import { $selectedToken, $setSelectedToken } from '../../stores/selectedToken'
|
|||||||
import { useStore } from '@nanostores/react'
|
import { useStore } from '@nanostores/react'
|
||||||
|
|
||||||
export function TokenSelect() {
|
export function TokenSelect() {
|
||||||
const { data: tokens, isLoading } = useTokens()
|
const { data: tokens, isLoading: tokensIsLoading } = useTokens()
|
||||||
const selectedToken = useStore($selectedToken)
|
const selectedToken = useStore($selectedToken)
|
||||||
const { chain } = useNetwork()
|
const { chain } = useNetwork()
|
||||||
const { address } = useAccount()
|
const { address } = useAccount()
|
||||||
@ -38,15 +38,15 @@ export function TokenSelect() {
|
|||||||
<Select.Root
|
<Select.Root
|
||||||
defaultValue={selectedToken?.address}
|
defaultValue={selectedToken?.address}
|
||||||
onValueChange={(value: `0x${string}`) => handleValueChange(value)}
|
onValueChange={(value: `0x${string}`) => handleValueChange(value)}
|
||||||
disabled={!tokens || isLoading}
|
disabled={!tokens || tokensIsLoading}
|
||||||
value={selectedToken?.address}
|
value={selectedToken?.address}
|
||||||
>
|
>
|
||||||
<Select.Trigger
|
<Select.Trigger
|
||||||
className="SelectTrigger"
|
className="SelectTrigger"
|
||||||
disabled={!tokens || isLoading}
|
disabled={!tokens || tokensIsLoading}
|
||||||
aria-label="Token"
|
aria-label="Token"
|
||||||
>
|
>
|
||||||
{isLoading ? <TokenLoading /> : <Select.Value />}
|
{tokensIsLoading ? <TokenLoading /> : <Select.Value />}
|
||||||
<Select.Icon>
|
<Select.Icon>
|
||||||
<ChevronDown />
|
<ChevronDown />
|
||||||
</Select.Icon>
|
</Select.Icon>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user