LaconicNetwork/stargaze-studio
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display token names on wallet loader

Browse Source
This commit is contained in:
Serkan Reis 2023-12-13 13:01:39 +03:00
parent 1cdc9d8662
commit 9760ba5bc2
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/WalletLoader.tsx
View File

@ -1,11 +1,13 @@
import type { Coin } from '@cosmjs/proto-signing' import type { Coin } from '@cosmjs/proto-signing'
import { Popover, Transition } from '@headlessui/react' import { Popover, Transition } from '@headlessui/react'
import clsx from 'clsx' import clsx from 'clsx'
import { tokensList } from 'config/token'
import { Fragment, useEffect, useState } from 'react' import { Fragment, useEffect, useState } from 'react'
import { FaCopy, FaPowerOff, FaRedo } from 'react-icons/fa' import { FaCopy, FaPowerOff, FaRedo } from 'react-icons/fa'
import { copy } from 'utils/clipboard' import { copy } from 'utils/clipboard'
import { convertDenomToReadable } from 'utils/convertDenomToReadable' import { convertDenomToReadable } from 'utils/convertDenomToReadable'
import { getShortAddress } from 'utils/getShortAddress' import { getShortAddress } from 'utils/getShortAddress'
import { truncateMiddle } from 'utils/text'
import { useWallet } from 'utils/wallet' import { useWallet } from 'utils/wallet'
import { WalletButton } from './WalletButton' import { WalletButton } from './WalletButton'
@ -81,7 +83,10 @@ export const WalletLoader = () => {
<div className="font-bold">Your Balances</div> <div className="font-bold">Your Balances</div>
{balances?.map((val) => ( {balances?.map((val) => (
<span key={`balance-${val.denom}`}> <span key={`balance-${val.denom}`}>
{convertDenomToReadable(val.amount)} {val.denom.slice(1, val.denom.length)} {convertDenomToReadable(val.amount)}{' '}
{tokensList.find((t) => t.denom === val.denom)?.displayName
? tokensList.find((t) => t.denom === val.denom)?.displayName
: truncateMiddle(val.denom ? val.denom : '', 28)}
</span> </span>
))} ))}
</div> </div>