Added Edit Button Functionality

Issue-ID: POLICY-4094
Change-Id: I7e83e1c194272f274f351bc1ee34761fcc7353a4
Signed-off-by: brunomilitzer <bruno.militzer@est.tech>

1 files changed, 6 insertions, 4 deletions

diff --git a/gui-clamp/ui-react/src/components/dialogs/ACM/InstantiationManagementModal.js b/gui-clamp/ui-react/src/components/dialogs/ACM/InstantiationManagementModal.js
index 4b97748..2d87119 100644
--- a/gui-clamp/ui-react/src/components/dialogs/ACM/InstantiationManagementModal.js
+++ b/gui-clamp/ui-react/src/components/dialogs/ACM/InstantiationManagementModal.js
@@ -172,10 +172,12 @@ const InstantiationManagementModal = (props) => {
                 <td style={ { textAlign: "center" } }>
                   <Link to={ {
                     pathname: "editACMInstanceProperties",
-                  } } state={ instantiation.name }>
-                    <Button variant="outline-success" type="null"
-                            disabled={ true }
-                            style={ { cursor: "not-allowed" } }>Edit</Button>
+                    instantiationName: instantiation.name,
+                    instantiationVersion: instantiation.version
+                  } }>
+                    <Button variant={ instantiation.disabled ? "outline-success" : "success" } type="null"
+                            disabled={ instantiation.disableEdit }
+                            style={ instantiation.disableEdit ? { cursor: "not-allowed" } : {} }>Edit</Button>
                   </Link>
                 </td>
                 <td style={ { textAlign: "center" } }>