diff --git a/frontend/src/Settings/Quality/Definition/QualityDefinitions.js b/frontend/src/Settings/Quality/Definition/QualityDefinitions.js index 7b7d3e7ea..79a25f158 100644 --- a/frontend/src/Settings/Quality/Definition/QualityDefinitions.js +++ b/frontend/src/Settings/Quality/Definition/QualityDefinitions.js @@ -12,6 +12,7 @@ class QualityDefinitions extends Component { render() { const { + advancedSettings, items, ...otherProps } = this.props; @@ -26,7 +27,9 @@ class QualityDefinitions extends Component {
Quality
Title
Size Limit
-
Kilobits Per Second
+ {advancedSettings && +
Kilobits Per Second
+ }
@@ -54,6 +57,7 @@ class QualityDefinitions extends Component { } QualityDefinitions.propTypes = { + advancedSettings: PropTypes.bool.isRequired, isFetching: PropTypes.bool.isRequired, error: PropTypes.object, defaultProfile: PropTypes.object, diff --git a/frontend/src/Settings/Quality/Definition/QualityDefinitionsConnector.js b/frontend/src/Settings/Quality/Definition/QualityDefinitionsConnector.js index 9a3e0a90c..a0d9973b6 100644 --- a/frontend/src/Settings/Quality/Definition/QualityDefinitionsConnector.js +++ b/frontend/src/Settings/Quality/Definition/QualityDefinitionsConnector.js @@ -9,7 +9,8 @@ import QualityDefinitions from './QualityDefinitions'; function createMapStateToProps() { return createSelector( (state) => state.settings.qualityDefinitions, - (qualityDefinitions) => { + (state) => state.settings.advancedSettings, + (qualityDefinitions, advancedSettings) => { const items = qualityDefinitions.items.map((item) => { const pendingChanges = qualityDefinitions.pendingChanges[item.id] || {}; @@ -17,6 +18,7 @@ function createMapStateToProps() { }); return { + advancedSettings, ...qualityDefinitions, items, hasPendingChanges: !_.isEmpty(qualityDefinitions.pendingChanges)