New: Added column in Queue

(cherry picked from commit 57445bbe57a84990e284ef97d42455a06587e1ee)

Closes #4460

frontend/src/Activity/Queue/QueueRow.js

@@ -100,6 +100,7 @@ class QueueRow extends Component {
       downloadClient,
       downloadForced,
       estimatedCompletionTime,
+      added,
       timeleft,
       size,
       sizeleft,
@@ -328,6 +329,15 @@ class QueueRow extends Component {
               );
             }
 
+            if (name === 'added') {
+              return (
+                <RelativeDateCellConnector
+                  key={name}
+                  date={added}
+                />
+              );
+            }
+
             if (name === 'actions') {
               return (
                 <TableRowCell
@@ -424,6 +434,7 @@ QueueRow.propTypes = {
   downloadClient: PropTypes.string,
   downloadForced: PropTypes.bool.isRequired,
   estimatedCompletionTime: PropTypes.string,
+  added: PropTypes.string,
   timeleft: PropTypes.string,
   size: PropTypes.number,
   sizeleft: PropTypes.number,

frontend/src/Store/Actions/queueActions.js

@@ -146,6 +146,12 @@ export const defaultState = {
         isSortable: true,
         isVisible: true
       },
+      {
+        name: 'added',
+        label: () => translate('Added'),
+        isSortable: true,
+        isVisible: false
+      },
       {
         name: 'progress',
         label: () => translate('Progress'),

frontend/src/typings/Queue.ts

@@ -15,6 +15,7 @@ interface Queue extends ModelBase {
   sizeleft: number;
   timeleft: string;
   estimatedCompletionTime: string;
+  added?: string;
   status: string;
   trackedDownloadStatus: string;
   trackedDownloadState: string;