From b3b4955fb29004228deb9ff908fdcae58722739f Mon Sep 17 00:00:00 2001
From: nitsua <austin.w.best@gmail.com>
Date: Sun, 6 Sep 2020 17:22:58 -0400
Subject: [PATCH] New: Add label to disk usage progress bar

(cherry picked from commit 7c8ac300777583cb93d9deeed1328bcffaef555c)
Signed-off-by: Robin Dadswell <robin@dadswell.email>
---
 frontend/src/System/Status/DiskSpace/DiskSpace.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/System/Status/DiskSpace/DiskSpace.js b/frontend/src/System/Status/DiskSpace/DiskSpace.js
index ccca25036..9e479780b 100644
--- a/frontend/src/System/Status/DiskSpace/DiskSpace.js
+++ b/frontend/src/System/Status/DiskSpace/DiskSpace.js
@@ -64,7 +64,7 @@ class DiskSpace extends Component {
                       totalSpace
                     } = item;
 
-                    const diskUsage = (100 - freeSpace / totalSpace * 100);
+                    const diskUsage = Math.round(100 - freeSpace / totalSpace * 100);
                     let diskUsageKind = kinds.PRIMARY;
 
                     if (diskUsage > 90) {
@@ -97,8 +97,8 @@ class DiskSpace extends Component {
                             progress={diskUsage}
                             kind={diskUsageKind}
                             size={sizes.MEDIUM}
-                            progressText={diskUsage}
-                            showText={true}
+                            showText={diskUsage >= 12}
+                            text={`${diskUsage}%`}
                           />
                         </TableRowCell>
                       </TableRow>