MERGE Clamp UI-React repo to Policy Gui Repo

According to a Diff differences from one repo to the other, there was some missing changes from the original clamp repo to the policy gui repo.

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

1 files changed, 8 insertions, 13 deletions

diff --git a/gui-clamp/ui-react/src/components/dialogs/Loop/DeployLoopModal.js b/gui-clamp/ui-react/src/components/dialogs/Loop/DeployLoopModal.js
index b7ab8a5..5fff586 100644
--- a/gui-clamp/ui-react/src/components/dialogs/Loop/DeployLoopModal.js
+++ b/gui-clamp/ui-react/src/components/dialogs/Loop/DeployLoopModal.js
@@ -1,8 +1,8 @@
 /*-
  * ============LICENSE_START=======================================================
- * ONAP CLAMP
+ * ONAP POLICY-CLAMP
  * ================================================================================
- * Copyright (C) 2019 AT&T Intellectual Property. All rights
+ * Copyright (C) 2019, 2021 AT&T Intellectual Property. All rights
  *                             reserved.
  * ================================================================================
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -44,6 +44,7 @@ const FormStyled = styled(Form.Group)`
 `
 export default class DeployLoopModal extends React.Component {
 
+
   constructor(props, context) {
     super(props, context);
 
@@ -65,13 +66,7 @@ export default class DeployLoopModal extends React.Component {
 
   getInitialKeyValue(temporaryPropertiesJson) {
     const deployJsonList = temporaryPropertiesJson["dcaeDeployParameters"];
-    let initialKey;
-    Object.keys(deployJsonList)
-      .filter((obj) => Object.keys(deployJsonList).indexOf(obj) === 0)
-      .map(obj =>
-        initialKey = obj
-      );
-    return initialKey;
+    return Object.keys(deployJsonList).find((obj) => Object.keys(deployJsonList).indexOf(obj) === 0);
   }
 
   componentWillReceiveProps(newProps) {
@@ -145,8 +140,8 @@ export default class DeployLoopModal extends React.Component {
 
     const deployJsonList = this.state.temporaryPropertiesJson["dcaeDeployParameters"];
     var indents = [];
-    Object.keys(deployJsonList).map((item, key) =>
-      indents.push(<Tab eventKey={ item } title={ item }>
+    Object.keys(deployJsonList).forEach(item =>
+      indents.push(<Tab key={ item } eventKey={ item } title={ item }>
         { this.renderDeployParam(deployJsonList[item]) }
       </Tab>)
     );
@@ -155,8 +150,8 @@ export default class DeployLoopModal extends React.Component {
 
   renderDeployParam(deployJson) {
     var indents = [];
-    Object.keys(deployJson).map((item, key) =>
-      indents.push(<FormStyled>
+    Object.keys(deployJson).forEach(item =>
+      indents.push(<FormStyled key={ item }>
         <Form.Label>{ item }</Form.Label>
         <Form.Control type="text" name={ item } onChange={ this.handleChange } defaultValue={ deployJson[item] }></Form.Control>
       </FormStyled>));