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

fix: clip long token names (#7066)

Browse Source 
* Clip token name with ellipsis style

* Use built-in ellipsis style
This commit is contained in:
gnewfield 2023-08-02 17:02:40 -04:00 committed by GitHub
parent d9ff7b15a1
commit 18b50283d3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/AccountDrawer/MiniPortfolio/Tokens/index.tsx
View File

@ -82,6 +82,9 @@ export default function Tokens({ account }: { account: string }) {
const TokenBalanceText = styled(ThemedText.BodySecondary)`
${EllipsisStyle}
`
const TokenNameText = styled(ThemedText.SubHeader)`
${EllipsisStyle}
`
type TokenBalance = NonNullable<
NonNullable<NonNullable<PortfolioBalancesQuery['portfolios']>[number]>['tokenBalances']
@ -116,7 +119,7 @@ function TokenRow({ token, quantity, denominatedValue, tokenProjectMarket }: Tok
>
<PortfolioRow
left={<PortfolioLogo chainId={currency.chainId} currencies={[currency]} size="40px" />}
title={<ThemedText.SubHeader>{token?.name}</ThemedText.SubHeader>}
title={<TokenNameText>{token?.name}</TokenNameText>}
descriptor={
<TokenBalanceText>
{formatNumber(quantity, NumberType.TokenNonTx)} {token?.symbol}