add n/a pool token fdv/mc

types/api/pools.tsx

@@ -15,10 +15,10 @@ export type Pool = {
   quote_token_address: string;
   quote_token_symbol: string;
   quote_token_icon_url: string | null;
-  base_token_fully_diluted_valuation_usd: string;
-  base_token_market_cap_usd: string;
-  quote_token_fully_diluted_valuation_usd: string;
-  quote_token_market_cap_usd: string;
+  base_token_fully_diluted_valuation_usd: string | null;
+  base_token_market_cap_usd: string | null;
+  quote_token_fully_diluted_valuation_usd: string | null;
+  quote_token_market_cap_usd: string | null;
   liquidity: string;
   dex: {
     id: string;

ui/pool/PoolInfo.tsx

@@ -67,7 +67,10 @@ const PoolInfo = ({ data, isPlaceholderData }: Props) => {
       </DetailsInfoItem.Label>
       <DetailsInfoItem.Value>
         <Skeleton isLoaded={ !isPlaceholderData }>
-          ${ Number(data.base_token_fully_diluted_valuation_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }
+          { data.base_token_fully_diluted_valuation_usd ?
+            `$${ Number(data.base_token_fully_diluted_valuation_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }` :
+            'N/A'
+          }
         </Skeleton>
       </DetailsInfoItem.Value>
 
@@ -79,7 +82,10 @@ const PoolInfo = ({ data, isPlaceholderData }: Props) => {
       </DetailsInfoItem.Label>
       <DetailsInfoItem.Value>
         <Skeleton isLoaded={ !isPlaceholderData }>
-          ${ Number(data.base_token_market_cap_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }
+          { data.base_token_market_cap_usd ?
+            `$${ Number(data.base_token_market_cap_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }` :
+            'N/A'
+          }
         </Skeleton>
       </DetailsInfoItem.Value>
 
@@ -91,7 +97,10 @@ const PoolInfo = ({ data, isPlaceholderData }: Props) => {
       </DetailsInfoItem.Label>
       <DetailsInfoItem.Value>
         <Skeleton isLoaded={ !isPlaceholderData }>
-          ${ Number(data.quote_token_fully_diluted_valuation_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }
+          { data.quote_token_fully_diluted_valuation_usd ?
+            `$${ Number(data.quote_token_fully_diluted_valuation_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }` :
+            'N/A'
+          }
         </Skeleton>
       </DetailsInfoItem.Value>
 
@@ -103,7 +112,10 @@ const PoolInfo = ({ data, isPlaceholderData }: Props) => {
       </DetailsInfoItem.Label>
       <DetailsInfoItem.Value>
         <Skeleton isLoaded={ !isPlaceholderData }>
-          ${ Number(data.quote_token_market_cap_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }
+          { data.quote_token_market_cap_usd ?
+            `$${ Number(data.quote_token_market_cap_usd).toLocaleString(undefined, { maximumFractionDigits: 2, notation: 'compact' }) }` :
+            'N/A'
+          }
         </Skeleton>
       </DetailsInfoItem.Value>