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 (