New: Add Size column to Activity: Queue (#2310)

* New: Add Size column to Activity: Queue

(cherry picked from commit 43cd1032487743c72fe0503a293343b8811def4d)

* !fixup

Co-authored-by: Nathaniel Peiffer <nathaniel@peiffer.com.au>
Co-authored-by: Qstick <qstick@gmail.com>

frontend/src/Activity/Queue/QueueRow.js

@@ -15,6 +15,7 @@ import TableRow from 'Components/Table/TableRow';
 import Popover from 'Components/Tooltip/Popover';
 import { icons, kinds, tooltipPositions } from 'Helpers/Props';
 import InteractiveImportModal from 'InteractiveImport/InteractiveImportModal';
+import formatBytes from 'Utilities/Number/formatBytes';
 import QueueStatusCell from './QueueStatusCell';
 import RemoveQueueItemModal from './RemoveQueueItemModal';
 import TimeleftCell from './TimeleftCell';
@@ -246,6 +247,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

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