1 files changed, 30 insertions, 23 deletions
diff --git a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/OverviewView.jsx b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/OverviewView.jsx
index f02b40b0..d0bbdef5 100644
--- a/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/OverviewView.jsx
+++ b/workflow-designer-ui/src/main/frontend/src/features/workflow/overview/OverviewView.jsx
@@ -34,7 +34,8 @@ class OverviewView extends Component {
         isVersionsCertifies: PropTypes.bool,
         location: PropTypes.object,
         match: PropTypes.object,
-        updateWorkflow: PropTypes.func
+        updateWorkflow: PropTypes.func,
+        workflowInputChange: PropTypes.func
     };
 
     constructor(props) {
@@ -67,6 +68,11 @@ class OverviewView extends Component {
         updateWorkflow({ ...workflow, ...payload });
     };
 
+    workflowDetailsChanged = payload => {
+        const { workflowInputChange } = this.props;
+        workflowInputChange({ ...payload });
+    };
+
     render() {
         const {
             versions,
@@ -80,28 +86,29 @@ class OverviewView extends Component {
             parent: version.baseId || ''
         }));
         return (
-            <div>
-                <div className="overview-page">
-                    <WorkflowHeader name={workflow.name} />
-                    <div className="overview-content">
-                        <WorkflowDetails
-                            name={workflow.name}
-                            description={workflow.description}
-                            modified={workflow.modified}
-                            created={workflow.created}
-                            workflowId={workflow.id}
-                            versionId={selectedVersion}
-                            updateWorkflow={this.onUpdateWorkflow}
-                        />
-                        <WorkflowVersions
-                            nodeVersions={nodeVersions}
-                            versions={versions}
-                            onCreateVersion={this.onCreateNewVersionFromTable}
-                            onSelectVersion={this.onSelectVersionFromTable}
-                            selectedVersion={selectedVersion}
-                            isVersionsCertifies={isVersionsCertifies}
-                        />
-                    </div>
+            <div className="overview-page">
+                <WorkflowHeader name={workflow.name} />
+                <div className="overview-content">
+                    <WorkflowDetails
+                        name={workflow.name}
+                        description={workflow.description}
+                        modified={workflow.modified}
+                        created={workflow.created}
+                        workflowId={workflow.id}
+                        versionId={selectedVersion}
+                        workflowDetailsChanged={this.workflowDetailsChanged}
+                        updateWorkflow={this.onUpdateWorkflow}
+                    />
+
+                    <div className={'separator overview-separator'} />
+                    <WorkflowVersions
+                        nodeVersions={nodeVersions}
+                        versions={versions}
+                        onCreateVersion={this.onCreateNewVersionFromTable}
+                        onSelectVersion={this.onSelectVersionFromTable}
+                        selectedVersion={selectedVersion}
+                        isVersionsCertifies={isVersionsCertifies}
+                    />
                 </div>
             </div>
         );