token transfer total is possibly null

types/api/tokenTransfer.ts

@@ -27,19 +27,19 @@ export type Erc404TotalPayload = {
 export type TokenTransfer = (
   {
     token: TokenInfo<'ERC-20'>;
-    total: Erc20TotalPayload;
+    total: Erc20TotalPayload | null;
   } |
   {
     token: TokenInfo<'ERC-721'>;
-    total: Erc721TotalPayload;
+    total: Erc721TotalPayload | null;
   } |
   {
     token: TokenInfo<'ERC-1155'>;
-    total: Erc1155TotalPayload;
+    total: Erc1155TotalPayload | null;
   } |
   {
     token: TokenInfo<'ERC-404'>;
-    total: Erc404TotalPayload;
+    total: Erc404TotalPayload | null;
   }
 ) & TokenTransferBase
 

ui/shared/TokenTransfer/TokenTransferListItem.tsx

@@ -36,7 +36,7 @@ const TokenTransferListItem = ({
   enableTimeIncrement,
   isLoading,
 }: Props) => {
-  const { usd, valueStr } = 'value' in total && total.value !== null ? getCurrencyValue({
+  const { usd, valueStr } = total && 'value' in total && total.value !== null ? getCurrencyValue({
     value: total.value,
     exchangeRate: token.exchange_rate,
     accuracy: 8,

ui/shared/TokenTransfer/TokenTransferTableItem.tsx

@@ -35,7 +35,7 @@ const TokenTransferTableItem = ({
   enableTimeIncrement,
   isLoading,
 }: Props) => {
-  const { usd, valueStr } = 'value' in total && total.value !== null ? getCurrencyValue({
+  const { usd, valueStr } = total && 'value' in total && total.value !== null ? getCurrencyValue({
     value: total.value,
     exchangeRate: token.exchange_rate,
     accuracy: 8,

ui/shared/TokenTransferSnippet/TokenTransferSnippet.tsx

@@ -30,7 +30,10 @@ const TokenTransferSnippet = ({ data, isLoading, noAddressIcons = true }: Props)
 
     switch (data.token.type) {
       case 'ERC-20': {
-        const total = data.total as Erc20TotalPayload;
+        const total = data.total as Erc20TotalPayload | null;
+        if (total === null || total.value === null) {
+          return null;
+        }
         return <TokenTransferSnippetFiat token={ data.token } value={ total.value } decimals={ total.decimals }/>;
       }
 
@@ -58,7 +61,10 @@ const TokenTransferSnippet = ({ data, isLoading, noAddressIcons = true }: Props)
       }
 
       case 'ERC-404': {
-        const total = data.total as Erc404TotalPayload;
+        const total = data.total as Erc404TotalPayload | null;
+        if (total === null) {
+          return null;
+        }
 
         if (total.token_id !== null) {
           return (

ui/token/TokenTransfer/TokenTransferListItem.tsx

@@ -26,7 +26,7 @@ const TokenTransferListItem = ({
   tokenId,
   isLoading,
 }: Props) => {
-  const { usd, valueStr } = 'value' in total && total.value !== null ? getCurrencyValue({
+  const { usd, valueStr } = total && 'value' in total && total.value !== null ? getCurrencyValue({
     value: total.value,
     exchangeRate: token.exchange_rate,
     accuracy: 8,

ui/token/TokenTransfer/TokenTransferTableItem.tsx

@@ -24,7 +24,7 @@ const TokenTransferTableItem = ({
   tokenId,
   isLoading,
 }: Props) => {
-  const { usd, valueStr } = 'value' in total && total.value !== null ? getCurrencyValue({
+  const { usd, valueStr } = total && 'value' in total && total.value !== null ? getCurrencyValue({
     value: total.value,
     exchangeRate: token.exchange_rate,
     accuracy: 8,

ui/tokenTransfers/TokenTransfersListItem.tsx

@@ -21,7 +21,7 @@ type Props = {
 
 const TokenTransfersListItem = ({ item, isLoading }: Props) => {
 
-  const { valueStr } = 'value' in item.total && item.total.value !== null ? getCurrencyValue({
+  const { valueStr } = item.total && 'value' in item.total && item.total.value !== null ? getCurrencyValue({
     value: item.total.value,
     exchangeRate: item.token.exchange_rate,
     accuracy: 8,

ui/tokenTransfers/TokenTransfersTableItem.tsx

@@ -19,7 +19,7 @@ type Props = {
 }
 
 const TokenTransferTableItem = ({ item, isLoading }: Props) => {
-  const { valueStr } = 'value' in item.total && item.total.value !== null ? getCurrencyValue({
+  const { valueStr } = item.total && 'value' in item.total && item.total.value !== null ? getCurrencyValue({
     value: item.total.value,
     exchangeRate: item.token.exchange_rate,
     accuracy: 8,