import * as Select from '@radix-ui/react-select'
import './TokenSelect.css'
import { Token } from './Token'
import { ChevronDown, ChevronsDown, ChevronsUp } from '@images/components/react'
import { TokenLoading } from './TokenLoading'
import { useTokens } from '@features/Web3/hooks/useTokens'
export function TokenSelect() {
const {
data: tokens,
isLoading,
selectedToken,
setSelectedToken
} = useTokens()
const items = tokens?.map((token) => (
))
function handleValueChange(value: `0x${string}`) {
const token = tokens?.find((token) => token.address === value)
if (!token) return
setSelectedToken(token)
}
return (
handleValueChange(value)}
disabled={!tokens || isLoading}
value={selectedToken?.address}
>
{isLoading ? : }
In Your Wallet
{items}
)
}