feat: Add formatStats util function

pacholoamit · Oct 13, 2024 · ef76a32 · ef76a32
1 parent 640fc10
commit ef76a32
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/src/features/metrics/components/memory/memory.area-chart.tsx b/src/features/metrics/components/memory/memory.area-chart.tsx
@@ -6,6 +6,7 @@ import StatsRing from "@/components/stats-ring2";
 import useMemorySelectors from "@/features/metrics/stores/memory.store";
 import formatBytes from "@/features/metrics/utils/format-bytes";
 import formatOverallStats from "@/features/metrics/utils/format-overall-stats";
+import formatStats from "@/features/metrics/utils/format-stats";
 import { Grid, useMantineTheme } from "@mantine/core";
 import { IconChartArea } from "@tabler/icons-react";
 
@@ -35,7 +36,7 @@ const MemoryAreaChart: React.FC = ({}) => {
   const used = latestMemory.used;
   const progress = latestMemory.usedPercentage;
 
-  const stats = React.useMemo(() => formatOverallStats(used, available), [used, available]);
+  const stats = React.useMemo(() => formatStats(used), [used]);
 
   useEffect(() => {
     setChartOptions({

diff --git a/src/features/metrics/components/swap/swap.area-chart.tsx b/src/features/metrics/components/swap/swap.area-chart.tsx
@@ -6,6 +6,7 @@ import StatsRing from "@/components/stats-ring2";
 import useSwapSelectors from "@/features/metrics/stores/swap.store";
 import formatBytes from "@/features/metrics/utils/format-bytes";
 import formatOverallStats from "@/features/metrics/utils/format-overall-stats";
+import formatStats from "@/features/metrics/utils/format-stats";
 import { Grid, useMantineTheme } from "@mantine/core";
 import { IconFile } from "@tabler/icons-react";
 
@@ -19,7 +20,7 @@ const SwapAreaChart: React.FC = ({}) => {
   const used = latestSwap.used;
   const progress = latestSwap.usedPercentage;
 
-  const stats = React.useMemo(() => formatOverallStats(used, available), [used, available]);
+  const stats = React.useMemo(() => formatStats(used), [used]);
 
   const [chartOptions, setChartOptions] = useAreaChartState({
     title: {

diff --git a/src/features/metrics/utils/format-stats.ts b/src/features/metrics/utils/format-stats.ts
@@ -0,0 +1,9 @@
+import formatBytes from "./format-bytes";
+
+const formatStats = (used: number, toFixed: number = 2) => {
+  const usedFormatted = formatBytes(used, toFixed);
+
+  return `${usedFormatted}`;
+};
+
+export default formatStats;