no - in cells

ui/address/tokens/TokensTableItem.tsx

@@ -42,13 +42,13 @@ const TokensTableItem = ({
         </Flex>
       </Td>
       <Td isNumeric verticalAlign="middle">
-        { token.exchange_rate ? `$${ token.exchange_rate }` : '-' }
+        { token.exchange_rate && `$${ token.exchange_rate }` }
       </Td>
       <Td isNumeric verticalAlign="middle">
         { tokenQuantity }
       </Td>
       <Td isNumeric verticalAlign="middle">
-        { tokenValue ? `$${ tokenValue }` : '-' }
+        { tokenValue && `$${ tokenValue }` }
       </Td>
     </Tr>
   );

ui/l2Withdrawals/WithdrawalsTableItem.tsx

@@ -18,7 +18,7 @@ import LinkInternal from 'ui/shared/LinkInternal';
 
 const WithdrawalsTableItem = ({ item }: Props) => {
   const timeAgo = item.l2_timestamp ? dayjs(item.l2_timestamp).fromNow() : 'N/A';
-  const timeToEnd = item.challenge_period_end ? dayjs(item.challenge_period_end).fromNow(true) + ' left' : '-';
+  const timeToEnd = item.challenge_period_end ? dayjs(item.challenge_period_end).fromNow(true) + ' left' : '';
 
   return (
     <Tr>

ui/shared/TokenTransfer/TokenTransferTableItem.tsx

@@ -32,14 +32,6 @@ const TokenTransferTableItem = ({
   timestamp,
   enableTimeIncrement,
 }: Props) => {
-  const value = (() => {
-    if (!('value' in total)) {
-      return '-';
-    }
-
-    return BigNumber(total.value).div(BigNumber(10 ** Number(total.decimals))).dp(8).toFormat();
-  })();
-
   const timeAgo = useTimeAgoIncrement(timestamp, enableTimeIncrement);
 
   return (
@@ -57,7 +49,7 @@ const TokenTransferTableItem = ({
         </Flex>
       </Td>
       <Td lineHeight="30px">
-        { 'token_id' in total ? <TokenTransferNft hash={ token.address } id={ total.token_id }/> : '-' }
+        { 'token_id' in total && <TokenTransferNft hash={ token.address } id={ total.token_id }/> }
       </Td>
       { showTxInfo && txHash && (
         <Td>
@@ -85,7 +77,7 @@ const TokenTransferTableItem = ({
         </Address>
       </Td>
       <Td isNumeric verticalAlign="top" lineHeight="30px">
-        { value }
+        { 'value' in total && BigNumber(total.value).div(BigNumber(10 ** Number(total.decimals))).dp(8).toFormat() }
       </Td>
     </Tr>
   );

ui/token/TokenTransfer/TokenTransferTableItem.tsx

@@ -23,14 +23,6 @@ const TokenTransferTableItem = ({
   timestamp,
   tokenId,
 }: Props) => {
-  const value = (() => {
-    if (!('value' in total)) {
-      return '-';
-    }
-
-    return BigNumber(total.value).div(BigNumber(10 ** Number(total.decimals))).dp(8).toFormat();
-  })();
-
   const timeAgo = useTimeAgoIncrement(timestamp, true);
 
   return (
@@ -44,7 +36,7 @@ const TokenTransferTableItem = ({
         </Grid>
       </Td>
       <Td>
-        { method ? <Tag colorScheme="gray">{ method }</Tag> : '-' }
+        { method && <Tag colorScheme="gray">{ method }</Tag> }
       </Td>
       <Td>
         <Address display="inline-flex" maxW="100%" lineHeight="30px">
@@ -88,13 +80,13 @@ const TokenTransferTableItem = ({
               justifyContent={ token.type === 'ERC-721' ? 'end' : 'start' }
               isDisabled={ Boolean(tokenId && tokenId === total.token_id) }
             />
-          ) : '-'
+          ) : ''
           }
         </Td>
       ) }
       { (token.type === 'ERC-20' || token.type === 'ERC-1155') && (
         <Td isNumeric verticalAlign="top" lineHeight="30px">
-          { value || '-' }
+          { 'value' in total && BigNumber(total.value).div(BigNumber(10 ** Number(total.decimals))).dp(8).toFormat() }
         </Td>
       ) }
     </Tr>

ui/tokens/TokensListItem.tsx

@@ -66,7 +66,7 @@ const TokensTableItem = ({
       { exchangeRate && (
         <HStack spacing={ 3 }>
           <Text fontSize="sm" fontWeight={ 500 }>Price</Text>
-          <Text fontSize="sm" variant="secondary">{ exchangeRate || '-' }</Text>
+          <Text fontSize="sm" variant="secondary">{ exchangeRate }</Text>
         </HStack>
       ) }
       { totalValue?.usd && (

ui/tokens/TokensTableItem.tsx

@@ -67,9 +67,9 @@ const TokensTableItem = ({
           </Box>
         </Flex>
       </Td>
-      <Td isNumeric><Text fontSize="sm" lineHeight="24px" fontWeight={ 500 }>{ exchangeRate ? `$${ exchangeRate }` : '-' }</Text></Td>
+      <Td isNumeric><Text fontSize="sm" lineHeight="24px" fontWeight={ 500 }>{ exchangeRate && `$${ exchangeRate }` }</Text></Td>
       <Td isNumeric maxWidth="300px" width="300px">
-        <Text fontSize="sm" lineHeight="24px" fontWeight={ 500 }>{ totalValue?.usd ? `$${ totalValue.usd }` : '-' }</Text>
+        <Text fontSize="sm" lineHeight="24px" fontWeight={ 500 }>{ totalValue?.usd && `$${ totalValue.usd }` }</Text>
       </Td>
       <Td isNumeric><Text fontSize="sm" lineHeight="24px" fontWeight={ 500 }>{ Number(holders).toLocaleString() }</Text></Td>
     </Tr>

ui/txs/TxsTableItem.tsx

@@ -88,13 +88,13 @@ const TxsTableItem = ({ tx, showBlockInfo, currentAddress, enableTimeIncrement }
         </VStack>
       </Td>
       <Td whiteSpace="nowrap">
-        { tx.method ? (
+        { tx.method && (
           <TruncatedTextTooltip label={ tx.method }>
             <Tag colorScheme={ tx.method === 'Multicall' ? 'teal' : 'gray' }>
               { tx.method }
             </Tag>
           </TruncatedTextTooltip>
-        ) : '-' }
+        ) }
       </Td>
       { showBlockInfo && (
         <Td>