From 43cd1032487743c72fe0503a293343b8811def4d Mon Sep 17 00:00:00 2001
From: Nathaniel Peiffer <nathaniel@peiffer.com.au>
Date: Mon, 5 Jul 2021 03:14:42 +1000
Subject: [PATCH] New: Add Size column to Activity: Queue

Closes #4527
---
 frontend/src/Activity/Queue/QueueRow.js    | 7 +++++++
 frontend/src/Store/Actions/queueActions.js | 6 ++++++
 2 files changed, 13 insertions(+)

diff --git a/frontend/src/Activity/Queue/QueueRow.js b/frontend/src/Activity/Queue/QueueRow.js
index bd2c88e66..08201aa3c 100644
--- a/frontend/src/Activity/Queue/QueueRow.js
+++ b/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}>
diff --git a/frontend/src/Store/Actions/queueActions.js b/frontend/src/Store/Actions/queueActions.js
index 721e28a9f..a7e454a69 100644
--- a/frontend/src/Store/Actions/queueActions.js
+++ b/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',