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)