From 283cb0681d760dc7a068a4b6b50c5918cb3bf27a Mon Sep 17 00:00:00 2001
From: Ben Phelps <ben@phelps.io>
Date: Thu, 25 Aug 2022 02:02:06 +0300
Subject: [PATCH] fix resources `GB used` stat

---
 .../widgets/resources/resources.jsx           | 45 +++++--------------
 1 file changed, 12 insertions(+), 33 deletions(-)

diff --git a/src/components/widgets/resources/resources.jsx b/src/components/widgets/resources/resources.jsx
index 321f235db..5b54d7b98 100644
--- a/src/components/widgets/resources/resources.jsx
+++ b/src/components/widgets/resources/resources.jsx
@@ -4,12 +4,9 @@ import { FaMemory } from "react-icons/fa";
 import { BiError } from "react-icons/bi";
 
 export default function Resources({ options }) {
-  const { data, error } = useSWR(
-    `/api/widgets/resources?disk=${options.disk}`,
-    {
-      refreshInterval: 1500,
-    }
-  );
+  const { data, error } = useSWR(`/api/widgets/resources?disk=${options.disk}`, {
+    refreshInterval: 1500,
+  });
 
   if (error) {
     return (
@@ -30,12 +27,8 @@ export default function Resources({ options }) {
           <div className="flex-none flex flex-row items-center justify-center mr-5">
             <FiHardDrive className="text-theme-800 dark:text-theme-200 w-5 h-5" />
             <div className="flex flex-col ml-3 text-left font-mono">
-              <span className="text-theme-800 dark:text-theme-200 text-xs">
-                - GB free
-              </span>
-              <span className="text-theme-800 dark:text-theme-200 text-xs">
-                - GB used
-              </span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">- GB free</span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">- GB used</span>
             </div>
           </div>
         )}
@@ -44,12 +37,8 @@ export default function Resources({ options }) {
           <div className="flex-none flex flex-row items-center justify-center mr-5">
             <FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
             <div className="flex flex-col ml-3 text-left font-mono">
-              <span className="text-theme-800 dark:text-theme-200 text-xs">
-                - Usage
-              </span>
-              <span className="text-theme-800 dark:text-theme-200 text-xs">
-                - Load
-              </span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">- Usage</span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">- Load</span>
             </div>
           </div>
         )}
@@ -58,12 +47,8 @@ export default function Resources({ options }) {
           <div className="flex-none flex flex-row items-center justify-center mr-5">
             <FaMemory className="text-theme-800 dark:text-theme-200 w-5 h-5" />
             <div className="flex flex-col ml-3 text-left font-mono">
-              <span className="text-theme-800 dark:text-theme-200 text-xs">
-                - GB Used
-              </span>
-              <span className="text-theme-800 dark:text-theme-200 text-xs">
-                - GB Free
-              </span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">- GB Used</span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">- GB Free</span>
             </div>
           </div>
         )}
@@ -81,12 +66,8 @@ export default function Resources({ options }) {
         <div className="flex-none flex flex-row items-center justify-center mr-5">
           <FiHardDrive className="text-theme-800 dark:text-theme-200 w-5 h-5" />
           <div className="flex flex-col ml-3 text-left font-mono">
-            <span className="text-theme-800 dark:text-theme-200 text-xs">
-              {Math.round(data.drive.freeGb)} GB free
-            </span>
-            <span className="text-theme-800 dark:text-theme-200 text-xs">
-              {Math.round(data.drive.totalGb)} GB used
-            </span>
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.drive.freeGb)} GB free</span>
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.drive.usedGb)} GB used</span>
           </div>
         </div>
       )}
@@ -95,9 +76,7 @@ export default function Resources({ options }) {
         <div className="flex-none flex flex-row items-center justify-center mr-5">
           <FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
           <div className="flex flex-col ml-3 text-left font-mono">
-            <span className="text-theme-800 dark:text-theme-200 text-xs">
-              {Math.round(data.cpu.usage)}% Usage
-            </span>
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.cpu.usage)}% Usage</span>
             <span className="text-theme-800 dark:text-theme-200 text-xs">
               {Math.round(data.cpu.load * 100) / 100} Load
             </span>