import { Button } from 'sdc-ui/lib/react';
import PropTypes from 'prop-types';
import SvgButton from 'features/version/versionController/views/SvgButton';
+import CompositionUpdate from 'features/version/composition/CompositionUpdate';
const ActionButtons = props => {
const {
onSaveClick,
certifyDisabled,
onCertifyClick,
+ isCompositionUpdating,
+ toggleCompositionUpdate,
onUndoClick,
saveDisabled
} = props;
className="certifyBtn"
btnType="primary"
disabled={certifyDisabled}
- onClick={onCertifyClick}>
+ onClick={() => toggleCompositionUpdate(true)}>
{I18n.t('buttons.certifyBtn')}
</Button>
+
+ {isCompositionUpdating && (
+ <CompositionUpdate
+ certifyBack={() => {
+ toggleCompositionUpdate(false);
+ onCertifyClick();
+ }}
+ />
+ )}
</div>
</div>
</div>
certifyDisabled: PropTypes.bool,
onCertifyClick: PropTypes.func,
onUndoClick: PropTypes.func,
- saveDisabled: PropTypes.bool
+ saveDisabled: PropTypes.bool,
+ isCompositionUpdating: PropTypes.bool,
+ toggleCompositionUpdate: PropTypes.func
};
export default ActionButtons;