ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: updating currency search panel for number formatting (#7407)

Browse Source
This commit is contained in:
Jack Short 2023-10-31 16:46:02 -04:00 committed by GitHub
parent 9536df2ff1
commit 802d56231a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SearchModal/CurrencyList/index.test.tsx
View File

@ -96,5 +96,5 @@ it('renders currency rows correctly with balances', () => {
expect(screen.getByText('Wrapped BTC')).toBeInTheDocument()
expect(screen.getByText('DAI')).toBeInTheDocument()
expect(screen.getByText('USDC')).toBeInTheDocument()
expect(screen.getByText('2')).toBeInTheDocument()
expect(screen.getByText('2.00')).toBeInTheDocument()
})

12
src/components/SearchModal/CurrencyList/index.tsx
View File

@ -14,6 +14,7 @@ import { FixedSizeList } from 'react-window'
import { Text } from 'rebass'
import styled from 'styled-components'
import { ThemedText } from 'theme/components'
import { NumberType, useFormatter } from 'utils/formatNumbers'
import { useIsUserAddedToken } from '../../../hooks/Tokens'
import { WrappedTokenInfo } from '../../../state/lists/wrappedTokenInfo'
@ -67,7 +68,16 @@ const WarningContainer = styled.div`
`
function Balance({ balance }: { balance: CurrencyAmount<Currency> }) {
return <StyledBalanceText title={balance.toExact()}>{balance.toSignificant(4)}</StyledBalanceText>
const { formatNumberOrString } = useFormatter()
return (
<StyledBalanceText title={balance.toExact()}>
{formatNumberOrString({
input: balance.toExact(),
type: NumberType.TokenNonTx,
})}
</StyledBalanceText>
)
}
const TagContainer = styled.div`