Skip to content

I
interface
Commit b8c383c2 authored by Moody Salem's avatar Moody Salem
Browse files
Options

fix(#1083): fix wrapping of tokens added/removed in list update popup

parent fbf39e49
Show whitespace changes
Inline Side-by-side
Showing with 10 additions and 8 deletions
src/components/Popups/ListUpdatePopup.tsx
View file @ b8c383c2
...@@ -67,20 +67,22 @@ export default function ListUpdatePopup({ ...@@ -67,20 +67,22 @@ export default function ListUpdatePopup({
<ul> <ul>
{tokensAdded.length > 0 ? ( {tokensAdded.length > 0 ? (
<li> <li>
{tokensAdded.map(token => ( {tokensAdded.map((token, i) => (
<strong key={`${token.chainId}-${token.address}`} title={token.address}> <React.Fragment key={`${token.chainId}-${token.address}`}>
{token.symbol} <strong title={token.address}>{token.symbol}</strong>
</strong> {i === tokensAdded.length - 1 ? null : ', '}
</React.Fragment>
))}{' '} ))}{' '}
added added
</li> </li>
) : null} ) : null}
{tokensRemoved.length > 0 ? ( {tokensRemoved.length > 0 ? (
<li> <li>
{tokensRemoved.map(token => ( {tokensRemoved.map((token, i) => (
<strong key={`${token.chainId}-${token.address}`} title={token.address}> <React.Fragment key={`${token.chainId}-${token.address}`}>
{token.symbol} <strong title={token.address}>{token.symbol}</strong>
</strong> {i === tokensRemoved.length - 1 ? null : ', '}
</React.Fragment>
))}{' '} ))}{' '}
removed removed
</li> </li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment