Fixed: Root Folder display when free diskspace cannot be determined (FreeBSD)

closes #3275

frontend/src/RootFolder/RootFolderRow.js

@@ -13,13 +13,13 @@ function RootFolderRow(props) {
   const {
     id,
     path,
+    accessible,
     freeSpace,
     unmappedFolders,
     onDeletePress
   } = props;
 
-  const unmappedFoldersCount = unmappedFolders.length || '-';
-  const isUnavailable = freeSpace == null;
+  const isUnavailable = !accessible;
 
   return (
     <TableRow>
@@ -47,11 +47,11 @@ function RootFolderRow(props) {
       </TableRowCell>
 
       <TableRowCell className={styles.freeSpace}>
-        {freeSpace ? formatBytes(freeSpace) : '-'}
+        {(isUnavailable || isNaN(freeSpace)) ? '-' : formatBytes(freeSpace)}
       </TableRowCell>
 
       <TableRowCell className={styles.unmappedFolders}>
-        {unmappedFoldersCount}
+        {isUnavailable ? '-' : unmappedFolders.length}
       </TableRowCell>
 
       <TableRowCell className={styles.actions}>
@@ -68,6 +68,7 @@ function RootFolderRow(props) {
 RootFolderRow.propTypes = {
   id: PropTypes.number.isRequired,
   path: PropTypes.string.isRequired,
+  accessible: PropTypes.bool.isRequired,
   freeSpace: PropTypes.number,
   unmappedFolders: PropTypes.arrayOf(PropTypes.object).isRequired,
   onDeletePress: PropTypes.func.isRequired

frontend/src/RootFolder/RootFolders.js

@@ -59,6 +59,7 @@ function RootFolders(props) {
                 key={rootFolder.id}
                 id={rootFolder.id}
                 path={rootFolder.path}
+                accessible={rootFolder.accessible}
                 freeSpace={rootFolder.freeSpace}
                 unmappedFolders={rootFolder.unmappedFolders}
               />