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>