composition readonly implementation

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

diff --git a/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js b/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js
index 2fc6618..433e055 100644 (file)
--- a/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js
+++ b/workflow-designer-ui/src/main/frontend/src/features/version/composition/components/CompositionButton.js
@@ -17,8 +17,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import SVGIcon from 'sdc-ui/lib/react/SVGIcon';
 
-const CompositionButton = ({ onClick, name, title }) => (
-    <div onClick={onClick} className="diagram-btn">
+const CompositionButton = ({ onClick, name, title, disabled }) => (
+    <div
+        onClick={disabled ? () => {} : onClick}
+        className={`diagram-btn ${disabled ? 'disabled' : ''}`}>
         <SVGIcon title={title} name={name} />
     </div>
 );
@@ -27,7 +29,8 @@ CompositionButton.propTypes = {
     onClick: PropTypes.func,
     className: PropTypes.string,
     name: PropTypes.string,
-    title: PropTypes.string
+    title: PropTypes.string,
+    disabled: PropTypes.bool
 };
 
 export default CompositionButton;