From 45d0e20608d7b1d28557633e60e3c8bd211391bd Mon Sep 17 00:00:00 2001
From: "servarr[bot]" <68984020+servarr[bot]@users.noreply.github.com>
Date: Sun, 4 Jul 2021 14:50:35 -0400
Subject: [PATCH] New: Add Size column to Activity: Queue (#1116)

* New: Add Size column to Activity: Queue

(cherry picked from commit 43cd1032487743c72fe0503a293343b8811def4d)

* fixup! Lint

Co-authored-by: Nathaniel Peiffer <nathaniel@peiffer.com.au>
Co-authored-by: Qstick <qstick@gmail.com>
---
 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 61e4afa90..d26da3146 100644
--- a/frontend/src/Activity/Queue/QueueRow.js
+++ b/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 translate from 'Utilities/String/translate';
 import QueueStatusCell from './QueueStatusCell';
 import RemoveQueueItemModal from './RemoveQueueItemModal';
@@ -230,6 +231,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 6422379e4..205e28b6d 100644
--- a/frontend/src/Store/Actions/queueActions.js
+++ b/frontend/src/Store/Actions/queueActions.js
@@ -111,6 +111,12 @@ export const defaultState = {
         isSortable: true,
         isVisible: false
       },
+      {
+        name: 'size',
+        label: 'Size',
+        isSortable: true,
+        isVisibile: false
+      },
       {
         name: 'outputPath',
         label: translate('OutputPath'),