New: Add label to disk usage progress bar

(cherry picked from commit 7c8ac300777583cb93d9deeed1328bcffaef555c)
4 years ago · 2b5c478a69
parent 73c5bb916e
commit 2b5c478a69
1 changed files with 3 additions and 3 deletions
--- 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>