From 2fdd8df9f9ddbbcaed90ea8f731fec0fe15cc35c Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 26 Jan 2025 23:35:40 -0800
Subject: [PATCH] Correct units

---
 src/widgets/truenas/pool.jsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/widgets/truenas/pool.jsx b/src/widgets/truenas/pool.jsx
index 619d10ab..14804c07 100644
--- a/src/widgets/truenas/pool.jsx
+++ b/src/widgets/truenas/pool.jsx
@@ -1,7 +1,8 @@
 import classNames from "classnames";
-import prettyBytes from "pretty-bytes";
+import { useTranslation } from "next-i18next";
 
 export default function Pool({ name, free, allocated, healthy }) {
+  const { t } = useTranslation();
   const usedPercent = Math.round((allocated / (free + allocated)) * 100);
   const statusColor = healthy ? "bg-green-500" : "bg-yellow-500";
 
@@ -21,7 +22,17 @@ export default function Pool({ name, free, allocated, healthy }) {
       </div>
       <div className="self-center text-xs flex justify-end mr-1.5 pl-1 z-10 text-ellipsis overflow-hidden whitespace-nowrap">
         <span>
-          {prettyBytes(allocated)} / {prettyBytes(free + allocated)}
+          {t("common.bytes", {
+            value: allocated,
+            maximumFractionDigits: 1,
+            binary: true,
+          })}{" "}
+          /{" "}
+          {t("common.bytes", {
+            value: free + allocated,
+            maximumFractionDigits: 1,
+            binary: true,
+          })}
         </span>
         <span className="pl-2">({usedPercent}%)</span>
       </div>