diff --git a/frontend/src/Episode/Summary/EpisodeFileRow.css b/frontend/src/Episode/Summary/EpisodeFileRow.css index a8b5f9372..6c7ef07a6 100644 --- a/frontend/src/Episode/Summary/EpisodeFileRow.css +++ b/frontend/src/Episode/Summary/EpisodeFileRow.css @@ -11,6 +11,12 @@ width: 100px; } +.customFormats { + composes: cell from '~Components/Table/Cells/TableRowCell.css'; + + width: 175px; +} + .actions { composes: cell from '~Components/Table/Cells/TableRowCell.css'; diff --git a/frontend/src/Episode/Summary/EpisodeFileRow.js b/frontend/src/Episode/Summary/EpisodeFileRow.js index 901771a48..0470829cd 100644 --- a/frontend/src/Episode/Summary/EpisodeFileRow.js +++ b/frontend/src/Episode/Summary/EpisodeFileRow.js @@ -1,6 +1,7 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Icon from 'Components/Icon'; +import Label from 'Components/Label'; import IconButton from 'Components/Link/IconButton'; import ConfirmModal from 'Components/Modal/ConfirmModal'; import TableRowCell from 'Components/Table/Cells/TableRowCell'; @@ -52,6 +53,7 @@ class EpisodeFileRow extends Component { size, languages, quality, + customFormats, languageCutoffNotMet, qualityCutoffNotMet, mediaInfo, @@ -115,6 +117,25 @@ class EpisodeFileRow extends Component { ); } + if (name === 'customFormats') { + return ( + + { + customFormats.map((format) => { + return ( + + ); + }) + } + + ); + } + if (name === 'actions') { return (