New: Add Size column to Activity: Queue

Closes #4527

frontend/src/Activity/Queue/QueueRow.js

@@ -19,6 +19,7 @@ import QueueStatusCell from './QueueStatusCell';
 import TimeleftCell from './TimeleftCell';
 import RemoveQueueItemModal from './RemoveQueueItemModal';
 import styles from './QueueRow.css';
+import formatBytes from 'Utilities/Number/formatBytes';
 
 class QueueRow extends Component {
 
@@ -280,6 +281,12 @@ class QueueRow extends Component {
               );
             }
 
+            if (name === 'size') {
+              return (
+                <TableRowCell key={name}>{formatBytes(size)}</TableRowCell>
+              );
+            }
+
             if (name === 'outputPath') {
               return (
                 <TableRowCell key={name}>

frontend/src/Store/Actions/queueActions.js

@@ -122,6 +122,12 @@ export const defaultState = {
         isSortable: true,
         isVisible: false
       },
+      {
+        name: 'size',
+        label: 'Size',
+        isSortable: true,
+        isVisibile: false
+      },
       {
         name: 'outputPath',
         label: 'Output Path',