From 5a072c1fa2a513cbf248b33fdb9cf15a7e88c8ee Mon Sep 17 00:00:00 2001
From: Davide Segullo <davidesegullo@gmail.com>
Date: Wed, 8 May 2024 23:27:09 +0200
Subject: [PATCH] feat: improve markets page (#509)

* feat: :sparkles: change fiat formatting

changed fiat formatting from compact to expand inside exchange billboards.

* feat: :sparkles: improve market sparkline cache

* feat: :sparkles: improve chain revenue cache
---
 src/hooks/usePerpetualMarketSparklines.ts | 2 ++
 src/hooks/usePerpetualMarketsStats.ts     | 2 ++
 src/views/ExchangeBillboards.tsx          | 6 +++---
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/hooks/usePerpetualMarketSparklines.ts b/src/hooks/usePerpetualMarketSparklines.ts
index 28aade0de..854765e83 100644
--- a/src/hooks/usePerpetualMarketSparklines.ts
+++ b/src/hooks/usePerpetualMarketSparklines.ts
@@ -32,6 +32,8 @@ export const usePerpetualMarketSparklines = (props: UsePerpetualMarketSparklines
     },
     refetchInterval,
     refetchOnWindowFocus: false,
+    cacheTime: 1_000 * 60 * 5, // 5 minutes
+    staleTime: 1_000 * 60 * 10, // 10 minutes
   });
 
   return data;
diff --git a/src/hooks/usePerpetualMarketsStats.ts b/src/hooks/usePerpetualMarketsStats.ts
index 330c5489c..c6ed42fa9 100644
--- a/src/hooks/usePerpetualMarketsStats.ts
+++ b/src/hooks/usePerpetualMarketsStats.ts
@@ -36,6 +36,8 @@ export const usePerpetualMarketsStats = () => {
       }
     },
     refetchOnWindowFocus: false,
+    cacheTime: 1_000 * 60 * 5, // 5 minutes
+    staleTime: 1_000 * 60 * 10, // 10 minutes
   });
 
   const feesEarned = useMemo(() => {
diff --git a/src/views/ExchangeBillboards.tsx b/src/views/ExchangeBillboards.tsx
index 4d4cf9594..9876a1370 100644
--- a/src/views/ExchangeBillboards.tsx
+++ b/src/views/ExchangeBillboards.tsx
@@ -36,7 +36,7 @@ export const ExchangeBillboards: React.FC<ExchangeBillboardsProps> = ({ classNam
           tagKey: STRING_KEYS._24H,
           value: volume24HUSDC || undefined,
           fractionDigits: 0,
-          type: OutputType.CompactFiat,
+          type: OutputType.Fiat,
         },
         {
           key: 'open-interest',
@@ -44,14 +44,14 @@ export const ExchangeBillboards: React.FC<ExchangeBillboardsProps> = ({ classNam
           tagKey: STRING_KEYS.CURRENT,
           value: openInterestUSDC || undefined,
           fractionDigits: 0,
-          type: OutputType.CompactFiat,
+          type: OutputType.Fiat,
         },
         {
           key: 'fee-earned-stakers',
           labelKey: STRING_KEYS.EARNED_BY_STAKERS,
           tagKey: STRING_KEYS._24H,
           value: feesEarned,
-          type: OutputType.CompactFiat,
+          type: OutputType.Fiat,
           chartData: feesEarnedChart,
           linkLabelKey: STRING_KEYS.LEARN_MORE_ARROW,
           link: `${chainTokenLabel}/${TokenRoute.StakingRewards}`,