Adding Prettier and fixing up eslint version

[sdc.git] / openecomp-ui / src / sdc-app / flows / FlowsEditorModalView.jsx

diff --git a/openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx b/openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx
index 1250a0b..8c805cc 100644 (file)
--- a/openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx
+++ b/openecomp-ui/src/sdc-app/flows/FlowsEditorModalView.jsx
@@ -13,52 +13,73 @@
  * or implied. See the License for the specific language governing
  * permissions and limitations under the License.
  */
-import React, {Component} from 'react';
+import React, { Component } from 'react';
 import i18n from 'nfvo-utils/i18n/i18n.js';
 import Input from 'nfvo-components/input/validation/Input.jsx';
 import Form from 'nfvo-components/input/validation/Form.jsx';
 
 class FlowsEditorModalView extends Component {
+    render() {
+        let {
+            onCancel,
+            onDataChanged,
+            currentFlow,
+            genericFieldInfo,
+            formReady,
+            isFormValid,
+            onValidateForm
+        } = this.props;
+        let { artifactName, description } = currentFlow;
+        return (
+            <div>
+                {genericFieldInfo && (
+                    <Form
+                        onSubmit={() => this.onSaveClicked()}
+                        onReset={onCancel}
+                        formReady={formReady}
+                        isValid={isFormValid}
+                        onValidateForm={() => onValidateForm()}>
+                        <Input
+                            type="text"
+                            name="name"
+                            label={i18n('Name')}
+                            isValid={genericFieldInfo['artifactName'].isValid}
+                            errorText={
+                                genericFieldInfo['artifactName'].errorText
+                            }
+                            isRequired={true}
+                            value={artifactName}
+                            onChange={artifactName =>
+                                onDataChanged({ artifactName })
+                            }
+                        />
+                        <Input
+                            type="textarea"
+                            name="description"
+                            label={i18n('Description')}
+                            isValid={genericFieldInfo['description'].isValid}
+                            errorText={
+                                genericFieldInfo['description'].errorText
+                            }
+                            isRequired={true}
+                            value={description}
+                            overlayPos="bottom"
+                            onChange={description =>
+                                onDataChanged({ description })
+                            }
+                        />
+                    </Form>
+                )}
+            </div>
+        );
+    }
 
-       render() {
-               let {onCancel, onDataChanged, currentFlow, genericFieldInfo, formReady, isFormValid, onValidateForm} = this.props;
-               let {artifactName, description} = currentFlow;
-               return (
-                       <div>
-                               {genericFieldInfo && <Form
-                                       onSubmit={() => this.onSaveClicked()}
-                                       onReset={onCancel} formReady={formReady} isValid={isFormValid} onValidateForm={() => onValidateForm()} >
-                               <Input
-                                       type='text'
-                                       name='name'
-                                       label={i18n('Name')}
-                                       isValid={genericFieldInfo['artifactName'].isValid}
-                                       errorText={genericFieldInfo['artifactName'].errorText}
-                                       isRequired={true}
-                                       value={artifactName}
-                                       onChange={artifactName => onDataChanged({artifactName})}/>
-                               <Input
-                                       type='textarea'
-                                       name='description'
-                                       label={i18n('Description')}
-                                       isValid={genericFieldInfo['description'].isValid}
-                                       errorText={genericFieldInfo['description'].errorText}
-                                       isRequired={true}
-                                       value={description}
-                                       overlayPos='bottom'
-                                       onChange={description => onDataChanged({description})}/>
-                       </Form> }
-                       </div>
-               );
-       }
-
-       onSaveClicked() {
-               let {currentFlow, onSubmit} = this.props;
-               if (onSubmit) {
-                       onSubmit(currentFlow);
-               }
-       }
-
+    onSaveClicked() {
+        let { currentFlow, onSubmit } = this.props;
+        if (onSubmit) {
+            onSubmit(currentFlow);
+        }
+    }
 }
 
 export default FlowsEditorModalView;