From 7c8ac300777583cb93d9deeed1328bcffaef555c 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 (#4958) [common]

---
 frontend/src/System/Status/DiskSpace/DiskSpace.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/System/Status/DiskSpace/DiskSpace.js b/frontend/src/System/Status/DiskSpace/DiskSpace.js
index 69ef31f5a..b05b27f4b 100644
--- a/frontend/src/System/Status/DiskSpace/DiskSpace.js
+++ b/frontend/src/System/Status/DiskSpace/DiskSpace.js
@@ -65,7 +65,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) {
@@ -98,6 +98,8 @@ class DiskSpace extends Component {
                             progress={diskUsage}
                             kind={diskUsageKind}
                             size={sizes.MEDIUM}
+                            showText={diskUsage >= 12}
+                            text={`${diskUsage}%`}
                           />
                         </TableRowCell>
                       </TableRow>