From bd68f62fa5fa3161c3439a3ab967298167299c0b Mon Sep 17 00:00:00 2001
From: isstuev <natix.naf@gmail.com>
Date: Thu, 4 Jan 2024 16:32:17 +0100
Subject: [PATCH] null gas prices

---
 types/api/stats.ts                                        | 6 +++---
 ui/home/Stats.tsx                                         | 2 +-
 ui/shared/GasInfoTooltipContent/GasInfoTooltipContent.tsx | 6 +++---
 ui/snippets/topBar/TopBarStats.tsx                        | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/types/api/stats.ts b/types/api/stats.ts
index d67a53211d..7ce179368f 100644
--- a/types/api/stats.ts
+++ b/types/api/stats.ts
@@ -16,9 +16,9 @@ export type HomeStats = {
 }
 
 export type GasPrices = {
-  average: number;
-  fast: number;
-  slow: number;
+  average: number | null;
+  fast: number | null;
+  slow: number | null;
 }
 
 export type Counters = {
diff --git a/ui/home/Stats.tsx b/ui/home/Stats.tsx
index 41714197b6..3e0b2edbcf 100644
--- a/ui/home/Stats.tsx
+++ b/ui/home/Stats.tsx
@@ -92,7 +92,7 @@ const Stats = () => {
           <StatsItem
             icon="gas"
             title="Gas tracker"
-            value={ `${ Number(data.gas_prices.average).toLocaleString() } Gwei` }
+            value={ data.gas_prices.average !== null ? `${ Number(data.gas_prices.average).toLocaleString() } Gwei` : 'N/A' }
             _last={ isOdd ? lastItemTouchStyle : undefined }
             tooltipLabel={ gasLabel }
             isLoading={ isPlaceholderData }
diff --git a/ui/shared/GasInfoTooltipContent/GasInfoTooltipContent.tsx b/ui/shared/GasInfoTooltipContent/GasInfoTooltipContent.tsx
index e1d164867a..952d65438b 100644
--- a/ui/shared/GasInfoTooltipContent/GasInfoTooltipContent.tsx
+++ b/ui/shared/GasInfoTooltipContent/GasInfoTooltipContent.tsx
@@ -11,11 +11,11 @@ const GasInfoTooltipContent = ({ gasPrices }: {gasPrices: GasPrices}) => {
   return (
     <Grid templateColumns="repeat(2, max-content)" rowGap={ 2 } columnGap={ 4 } padding={ 4 } fontSize="xs">
       <GridItem { ...nameStyleProps }>Slow</GridItem>
-      <GridItem>{ `${ gasPrices.slow } Gwei` }</GridItem>
+      <GridItem>{ gasPrices.slow !== null ? `${ gasPrices.slow } Gwei` : 'N/A' }</GridItem>
       <GridItem { ...nameStyleProps }>Average</GridItem>
-      <GridItem>{ `${ gasPrices.average } Gwei` }</GridItem>
+      <GridItem>{ gasPrices.average !== null ? `${ gasPrices.average } Gwei` : 'N/A' }</GridItem>
       <GridItem { ...nameStyleProps }>Fast</GridItem>
-      <GridItem>{ `${ gasPrices.fast } Gwei` }</GridItem>
+      <GridItem>{ gasPrices.fast !== null ? `${ gasPrices.fast } Gwei` : 'N/A' }</GridItem>
     </Grid>
   );
 };
diff --git a/ui/snippets/topBar/TopBarStats.tsx b/ui/snippets/topBar/TopBarStats.tsx
index 31ab9a2a33..758bcfb1a6 100644
--- a/ui/snippets/topBar/TopBarStats.tsx
+++ b/ui/snippets/topBar/TopBarStats.tsx
@@ -40,7 +40,7 @@ const TopBarStats = () => {
         </Skeleton>
       ) }
       { data?.coin_price && config.UI.homepage.showGasTracker && <TextSeparator color="divider"/> }
-      { data?.gas_prices && config.UI.homepage.showGasTracker && (
+      { data?.gas_prices && data.gas_prices.average !== null && config.UI.homepage.showGasTracker && (
         <Skeleton isLoaded={ !isPlaceholderData }>
           <chakra.span color="text_secondary">Gas </chakra.span>
           <LightMode>