(Actually) display callbacks

src/core/plugins/oas3/components/callbacks.jsx

@@ -0,0 +1,31 @@
+import React from "react"
+
+export default ({ callbacks, getComponent }) => {
+  const Markdown = getComponent("Markdown")
+
+  if(!callbacks) {
+    return <span>No callbacks</span>
+  }
+
+  let callbackElements = callbacks.map((callback, callbackName) => {
+    return <div>
+      <h2>{callbackName}</h2>
+      { callback.map((pathItem, pathItemName) => {
+        return <div>
+          <h4>{pathItemName}</h4>
+          { pathItem.map((operation, method) => {
+            return <pre>{JSON.stringify(operation)}</pre>
+          }) }
+        </div>
+      }) }
+    </div>
+    // return <div>
+    //   <h2>{name}</h2>
+    //   {callback.description && <Markdown source={callback.description}/>}
+    //   <pre>{JSON.stringify(callback)}</pre>
+    // </div>
+  })
+  return <div>
+    {callbackElements}
+  </div>
+}

src/core/plugins/oas3/components/index.js

@@ -0,0 +1,7 @@
+import Callbacks from "./callbacks"
+import RequestBody from "./request-body"
+
+export default {
+  Callbacks,
+  RequestBody
+}

src/core/plugins/oas3/components/request-body.jsx

@@ -0,0 +1,29 @@
+import React from "react"
+import { OrderedMap } from "immutable"
+
+
+export default ({ requestBody, getComponent, specSelectors }) => {
+  const Markdown = getComponent("Markdown")
+  const Model = getComponent("model")
+
+  const requestBodyDescription = (requestBody && requestBody.get("description")) || null
+  const requestBodyContent = (requestBody && requestBody.get("content")) || new OrderedMap()
+
+  return <div>
+    { requestBodyDescription &&
+      <p>{requestBodyDescription}</p>
+    }
+    { !requestBodyContent.count() ? <p>No content</p> :
+      requestBodyContent.map((mediaTypeValue, key) => (
+        <div>
+          <h4>{key}</h4>
+          <Model
+            getComponent={ getComponent }
+            specSelectors={ specSelectors }
+            expandDepth={1}
+            schema={mediaTypeValue.get("schema")} />
+        </div>
+      )).toArray()
+    }
+  </div>
+}