diff --git a/src/components/Stats/TokenListItem/TokenListItem.tsx b/src/components/Stats/TokenListItem/TokenListItem.tsx index eb75771a..c1bb6d84 100644 --- a/src/components/Stats/TokenListItem/TokenListItem.tsx +++ b/src/components/Stats/TokenListItem/TokenListItem.tsx @@ -52,6 +52,8 @@ const TokenListItem: React.FC = ({ // const isNegative = priceChange < 0 const isMd = useMediaQuery(theme.breakpoints.down('md')) + const isXs = useMediaQuery(theme.breakpoints.down('xs')) + const isSm = useMediaQuery(theme.breakpoints.down('sm')) const networkUrl = useMemo(() => { switch (network) { @@ -99,7 +101,15 @@ const TokenListItem: React.FC = ({ }}> {isUnknown && } - + {!isSm && ( + + {isXs ? shortenAddress(symbol) : name} + {!isXs && ( + {` (${shortenAddress(symbol)})`} + )} + + )} + {/* {!isMd ? ( <> {name} @@ -108,7 +118,7 @@ const TokenListItem: React.FC = ({ ) : ( shortenAddress(symbol) )} - + */}