From 21ff236e43357fefd3fb40f09d3f11f7911051b8 Mon Sep 17 00:00:00 2001
From: Kyle Shockey <shockey@users.noreply.github.com>
Date: Thu, 30 Nov 2017 14:25:05 -0800
Subject: [PATCH] Basic OperationServers display

---
 src/core/components/operation.jsx             | 14 ++++++----
 .../oas3/components/operation-servers.jsx     | 28 ++++++++++++++++++-
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/core/components/operation.jsx b/src/core/components/operation.jsx
index a7eeb6a2..f8d8095d 100644
--- a/src/core/components/operation.jsx
+++ b/src/core/components/operation.jsx
@@ -166,12 +166,6 @@ export default class Operation extends PureComponent {
                 </div> : null
               }
 
-              { !tryItOutEnabled ? null :
-                <OperationServers
-                  operationServers={operation.get("servers")}
-                />
-              }
-
               <Parameters
                 parameters={parameters}
                 operation={operation}
@@ -189,6 +183,14 @@ export default class Operation extends PureComponent {
                 getConfigs={ getConfigs }
               />
 
+              { !tryItOutEnabled ? null :
+                <OperationServers
+                  getComponent={getComponent}
+                  operationServers={operation.get("servers")}
+                  pathServers={specSelectors.paths().getIn([path, "servers"])}
+                />
+              }
+
               {!tryItOutEnabled || !allowTryItOut ? null : schemes && schemes.size ? <div className="opblock-schemes">
                     <Schemes schemes={ schemes }
                              path={ path }
diff --git a/src/core/plugins/oas3/components/operation-servers.jsx b/src/core/plugins/oas3/components/operation-servers.jsx
index 210b5cc3..08431120 100644
--- a/src/core/plugins/oas3/components/operation-servers.jsx
+++ b/src/core/plugins/oas3/components/operation-servers.jsx
@@ -1,7 +1,33 @@
 import React from "react"
+import PropTypes from "prop-types"
+import ImPropTypes from "react-immutable-proptypes"
 
 export default class OperationServers extends React.PureComponent {
+  static propTypes = {
+    operationServers: ImPropTypes.list,
+    pathServers: ImPropTypes.list,
+    getComponent: PropTypes.func.isRequired
+  }
+
   render() {
-    return null
+    const { getComponent, pathServers, operationServers } = this.props
+    const Servers = getComponent("Servers")
+
+    const serversToDisplay = operationServers || pathServers
+    const displaying = operationServers ? "operation" : "path"
+
+    return <div className="opblock-section">
+      <div className="opblock-section-header">
+        <div className="tab-header">
+          <h4 className="opblock-title">Servers ({displaying})</h4>
+        </div>
+      </div>
+      <div className="opblock-description-wrapper">
+        <h4>These options override the global server settings.</h4>
+        <Servers
+          servers={serversToDisplay}
+          />
+      </div>
+    </div>
   }
 }