fix: chart tooltips can show "0 Gi"

we should use a real memory pretty printer

Closes #208

Author: starpit

package-lock.json

@@ -26,6 +26,7 @@
     "@logdna/tail-file": "^3.0.0",
     "@patternfly/react-charts": "^6.74.3",
     "@patternfly/react-core": "^4.221.3",
+    "pretty-bytes": "^6.0.0",
     "split2": "^4.1.0",
     "strip-ansi": "6.0.0",
     "xterm-addon-search": "^0.9.0"

plugins/plugin-codeflare/package.json

@@ -15,6 +15,7 @@
  */
 
 import React from "react"
+import prettyBytes from "pretty-bytes"
 
 import {
   Chart,
@@ -245,7 +246,7 @@ export default class BaseChart extends React.PureComponent<Props> {
   private static readonly formatters = {
     celsius: (value: number) => ~~value + "C",
     percentage: (value: number) => value + "%",
-    memory: (value: number) => ~~(value / 1024 / 1024) + " GiB",
+    memory: (value: number) => prettyBytes(value * 1024),
     timestamp: (timestamp: number) =>
       timestamp < 60 * 3 * 1000 ? (timestamp / 1000).toFixed(0) + "s" : (timestamp / 1000 / 60).toFixed(1) + "m",
   }