composition readonly implementation

[sdc/sdc-workflow-designer.git] / workflow-designer-ui / src / main / frontend / src / features / version / composition / components / CompositionButtonsPanel.js

diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButtonsPanel.js b/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButtonsPanel.js
index add6490..0292fd4 100644 (file)
--- a/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButtonsPanel.js
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButtonsPanel.js
@@ -19,14 +19,16 @@ import CompositionButton from './CompositionButton';
 
 const Divider = () => <div className="divider" />;
 
-const CompositionButtons = ({ onClean, onUpload, onDownload }) => (
+const CompositionButtons = ({ onClean, onUpload, onDownload, isReadOnly }) => (
     <div className="composition-buttons">
         <CompositionButton
+            disabled={isReadOnly}
             data-test-id="composition-clear-btn"
             onClick={onClean}
             name="trashO"
             title="clear"
         />
+
         <Divider />
         <CompositionButton
             data-test-id="composition-download-btn"
@@ -36,6 +38,7 @@ const CompositionButtons = ({ onClean, onUpload, onDownload }) => (
         />
         <Divider />
         <CompositionButton
+            disabled={isReadOnly}
             data-test-id="composition-download-upload"
             onClick={onUpload}
             name="upload"
@@ -47,6 +50,7 @@ const CompositionButtons = ({ onClean, onUpload, onDownload }) => (
 CompositionButtons.propTypes = {
     onClean: PropTypes.func,
     onUpload: PropTypes.func,
-    onDownload: PropTypes.func
+    onDownload: PropTypes.func,
+    isReadOnly: PropTypes.bool
 };
 export default CompositionButtons;