feat(utils): add convertToReadableUnit utility function

Signed-off-by: yash37158 <yash37158@gmail.com>

Author: yash37158

src/custom/ResourceDetailFormatters/index.ts

@@ -15,12 +15,14 @@ import {
   TextWithLinkFormatter
 } from './Formatter';
 import { useResourceCleanData } from './useResourceCleanData';
-import { extractPodVolumnTables, splitCamelCaseString } from './utils';
+import { convertToReadableUnit, extractPodVolumnTables, splitCamelCaseString } from './utils';
 
 export {
   CodeFormatter,
   CollapsibleSectionFormatter,
   ContainerFormatter,
+  convertToReadableUnit,
+  extractPodVolumnTables,
   KeyValueInRow,
   LabelFormatter,
   ListFormatter,
@@ -30,10 +32,9 @@ export {
   OperatorDataFormatter,
   OperatorDynamicFormatter,
   SecretFormatter,
+  splitCamelCaseString,
   StatusFormatter,
   TableDataFormatter,
   TextWithLinkFormatter,
-  extractPodVolumnTables,
-  splitCamelCaseString,
   useResourceCleanData
 };

src/custom/ResourceDetailFormatters/utils.ts

@@ -89,3 +89,17 @@ export function isEmptyAtAllDepths(input: any): boolean {
     return _.isEmpty(input);
   }
 }
+
+export const convertToReadableUnit = (value: number): string => {
+  if (!value) return '0';
+
+  const units = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB'];
+  let index = 0;
+
+  while (value >= 1024 && index < units.length - 1) {
+    value /= 1024;
+    index++;
+  }
+
+  return `${value.toFixed(2)} ${units[index]}`;
+};