diff --git a/frontend/src/Settings/Quality/Definition/QualityDefinitions.css b/frontend/src/Settings/Quality/Definition/QualityDefinitions.css index da5347737..23024bc3a 100644 --- a/frontend/src/Settings/Quality/Definition/QualityDefinitions.css +++ b/frontend/src/Settings/Quality/Definition/QualityDefinitions.css @@ -1,3 +1,7 @@ +.saveError { + margin-bottom: 20px; +} + .header { display: flex; font-weight: bold; diff --git a/frontend/src/Settings/Quality/Definition/QualityDefinitions.css.d.ts b/frontend/src/Settings/Quality/Definition/QualityDefinitions.css.d.ts index 72ba4f3a3..8c40bbc00 100644 --- a/frontend/src/Settings/Quality/Definition/QualityDefinitions.css.d.ts +++ b/frontend/src/Settings/Quality/Definition/QualityDefinitions.css.d.ts @@ -5,6 +5,7 @@ interface CssExports { 'header': string; 'megabytesPerMinute': string; 'quality': string; + 'saveError': string; 'sizeLimit': string; 'sizeLimitHelpText': string; 'sizeLimitHelpTextContainer': string; diff --git a/frontend/src/Settings/Quality/Definition/QualityDefinitions.js b/frontend/src/Settings/Quality/Definition/QualityDefinitions.js index 76b7ca383..2f72483ac 100644 --- a/frontend/src/Settings/Quality/Definition/QualityDefinitions.js +++ b/frontend/src/Settings/Quality/Definition/QualityDefinitions.js @@ -1,7 +1,9 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; +import Alert from 'Components/Alert'; import FieldSet from 'Components/FieldSet'; import PageSectionContent from 'Components/Page/PageSectionContent'; +import { kinds } from 'Helpers/Props'; import translate from 'Utilities/String/translate'; import QualityDefinitionConnector from './QualityDefinitionConnector'; import styles from './QualityDefinitions.css'; @@ -15,15 +17,44 @@ class QualityDefinitions extends Component { const { items, advancedSettings, + saveError, ...otherProps } = this.props; + console.log(saveError); + return (