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'),