💄 floating-chart: fit extreme utilizations

exactly · Jun 5, 2024 · 50800cc · 50800cc
1 parent cace4a7
commit 50800cc
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/components/charts/UtilizationRateChart/index.tsx b/components/charts/UtilizationRateChart/index.tsx
@@ -24,13 +24,14 @@ const colorscale = [...Array(60)].map(
       `hsl(${360 * (1 - (i === length - 1 ? 1 : i / (length - 1)))} 100% 50%)`,
     ] satisfies [number, string],
 );
+const max = (a: bigint, b?: bigint) => (b == null || a > b ? a : b);
 
 function UtilizationRateChart({ type, symbol }: Props) {
   const { t } = useTranslation();
   const { palette } = useTheme();
 
   const globalUtilization = useGlobalUtilization(symbol);
-  const { data, loading } = useUtilizationRate(symbol, 0n, 95n * 10n ** 16n);
+  const { data, loading } = useUtilizationRate(symbol, 0n, max(95n * 10n ** 16n, globalUtilization));
   const { borrowAPR } = useFloatingPoolAPR(symbol);
   const currentUtilization = useCurrentUtilizationRate('floating', symbol);
   const ref = useRef<HTMLDivElement>(null);