useCoinbaseToken

Read and update the selected Coinbase withdrawal token.

When to use

On the currency picker. Balance lists come from useCoinbaseBalances; this hook only owns selection.

Example

import {
  useCoinbaseBalances,
  useCoinbaseToken,
} from '@swapped/connect-sdk/react'

function TokenPicker() {
  const { allBalances, isLoading } = useCoinbaseBalances()
  const { selectedCurrency, selectToken, isTokenSelected } = useCoinbaseToken()

  if (isLoading) return <p>Loading…</p>

  return (
    <ul>
      {allBalances.map(balance => (
        <li key={balance.id}>
          <button
            type="button"
            disabled={!balance.eligible}
            aria-pressed={isTokenSelected(balance.currency)}
            onClick={() => selectToken(balance.currency)}
          >
            {balance.currency}
            {selectedCurrency === balance.currency ? ' ✓' : ''}
          </button>
        </li>
      ))}
    </ul>
  )
}

Returns

Field	Purpose
selectedCurrency	Selected TokenSymbol
selectedBalance	Matching CoinbaseBalance (or undefined)
selectToken(currency)	Set the selected token
clearTokenSelection()	Clear selection
isTokenSelected(currency)	Convenience check

Requires CoinbaseProvider.