diff --git a/frontend/src/MovieFile/Editor/MovieFileEditorRow.css b/frontend/src/MovieFile/Editor/MovieFileEditorRow.css
index 9e120d266..a68d41a6f 100644
--- a/frontend/src/MovieFile/Editor/MovieFileEditorRow.css
+++ b/frontend/src/MovieFile/Editor/MovieFileEditorRow.css
@@ -45,7 +45,8 @@
width: 165px;
}
-.releaseGroup {
+.releaseGroup,
+.dateAdded {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
width: 120px;
diff --git a/frontend/src/MovieFile/Editor/MovieFileEditorRow.css.d.ts b/frontend/src/MovieFile/Editor/MovieFileEditorRow.css.d.ts
index 02a6e372c..d7eafc0fd 100644
--- a/frontend/src/MovieFile/Editor/MovieFileEditorRow.css.d.ts
+++ b/frontend/src/MovieFile/Editor/MovieFileEditorRow.css.d.ts
@@ -6,6 +6,7 @@ interface CssExports {
'audio': string;
'audioLanguages': string;
'customFormatScore': string;
+ 'dateAdded': string;
'download': string;
'formats': string;
'language': string;
diff --git a/frontend/src/MovieFile/Editor/MovieFileEditorRow.js b/frontend/src/MovieFile/Editor/MovieFileEditorRow.js
index 052f42256..f7de755ad 100644
--- a/frontend/src/MovieFile/Editor/MovieFileEditorRow.js
+++ b/frontend/src/MovieFile/Editor/MovieFileEditorRow.js
@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
import React, { Component } from 'react';
import IconButton from 'Components/Link/IconButton';
import ConfirmModal from 'Components/Modal/ConfirmModal';
+import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
import TableRowCell from 'Components/Table/Cells/TableRowCell';
import TableRow from 'Components/Table/TableRow';
import Tooltip from 'Components/Tooltip/Tooltip';
@@ -82,6 +83,7 @@ class MovieFileEditorRow extends Component {
customFormats,
customFormatScore,
languages,
+ dateAdded,
columns
} = this.props;
@@ -287,6 +289,16 @@ class MovieFileEditorRow extends Component {
);
}
+ if (name === 'dateAdded') {
+ return (
+
+ );
+ }
+
if (name === 'actions') {
return (
@@ -354,6 +366,7 @@ MovieFileEditorRow.propTypes = {
qualityCutoffNotMet: PropTypes.bool.isRequired,
languages: PropTypes.arrayOf(PropTypes.object).isRequired,
mediaInfo: PropTypes.object,
+ dateAdded: PropTypes.string,
columns: PropTypes.arrayOf(PropTypes.object).isRequired,
onDeletePress: PropTypes.func.isRequired
};
diff --git a/frontend/src/Store/Actions/movieFileActions.js b/frontend/src/Store/Actions/movieFileActions.js
index 1a71501a9..609cb67f2 100644
--- a/frontend/src/Store/Actions/movieFileActions.js
+++ b/frontend/src/Store/Actions/movieFileActions.js
@@ -98,6 +98,11 @@ export const defaultState = {
}),
isVisible: true
},
+ {
+ name: 'dateAdded',
+ label: () => translate('Added'),
+ isVisible: false
+ },
{
name: 'actions',
columnLabel: () => translate('Actions'),