New: Add label to disk usage progress bar (#4958) [common]

4 years ago · 7c8ac30077
parent f286f99bb6
commit 7c8ac30077
1 changed files with 3 additions and 1 deletions
--- 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>