diff --git a/frontend/src/InteractiveSearch/InteractiveSearchContent.js b/frontend/src/InteractiveSearch/InteractiveSearchContent.js index 949619ce9..f9a5bc3b5 100644 --- a/frontend/src/InteractiveSearch/InteractiveSearchContent.js +++ b/frontend/src/InteractiveSearch/InteractiveSearchContent.js @@ -60,6 +60,12 @@ const columns = [ isSortable: true, isVisible: true }, + { + name: 'customFormat', + label: 'Formats', + isSortable: true, + isVisible: true + }, { name: 'rejections', label: React.createElement(Icon, { name: icons.DANGER }), diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css index bd9f0abbe..1a1ff2075 100644 --- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css +++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css @@ -11,6 +11,7 @@ } .quality, +.customFormat, .language { composes: cell from '~Components/Table/Cells/TableRowCell.css'; } diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.js b/frontend/src/InteractiveSearch/InteractiveSearchRow.js index daa2c534c..1521857bf 100644 --- a/frontend/src/InteractiveSearch/InteractiveSearchRow.js +++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.js @@ -15,6 +15,7 @@ import ProtocolLabel from 'Activity/Queue/ProtocolLabel'; import Peers from './Peers'; import styles from './InteractiveSearchRow.css'; import MovieQuality from 'Movie/MovieQuality'; +import MovieFormats from 'Movie/MovieFormats'; import MovieLanguage from 'Movie/MovieLanguage'; function getDownloadIcon(isGrabbing, isGrabbed, grabError) { @@ -173,6 +174,12 @@ class InteractiveSearchRow extends Component { /> + + + + { !!rejections.length && diff --git a/frontend/src/Movie/MovieFormats.js b/frontend/src/Movie/MovieFormats.js new file mode 100644 index 000000000..54984454f --- /dev/null +++ b/frontend/src/Movie/MovieFormats.js @@ -0,0 +1,29 @@ +import PropTypes from 'prop-types'; +import React from 'react'; +import { kinds } from 'Helpers/Props'; +import Label from 'Components/Label'; + +function MovieFormats({ formats }) { + return ( +
+ { + formats.map((format) => { + return ( + + ); + }) + } +
+ ); +} + +MovieFormats.propTypes = { + formats: PropTypes.arrayOf(PropTypes.object).isRequired +}; + +export default MovieFormats;