Display example values for Request Bodies

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

@@ -1,10 +1,12 @@
 import React from "react"
 import { OrderedMap } from "immutable"
+import { getSampleSchema } from "core/utils"
 
 
 export default ({ requestBody, getComponent, specSelectors, contentType }) => {
   const Markdown = getComponent("Markdown")
   const ModelExample = getComponent("modelExample")
+  const HighlightCode = getComponent("highlightCode")
 
   const requestBodyDescription = (requestBody && requestBody.get("description")) || null
   const requestBodyContent = (requestBody && requestBody.get("content")) || new OrderedMap()
@@ -12,6 +14,8 @@ export default ({ requestBody, getComponent, specSelectors, contentType }) => {
 
   const mediaTypeValue = requestBodyContent.get(contentType)
 
+  const sampleSchema = getSampleSchema(mediaTypeValue.get("schema"))
+
   return <div>
     { requestBodyDescription &&
       <Markdown source={requestBodyDescription} />
@@ -21,6 +25,7 @@ export default ({ requestBody, getComponent, specSelectors, contentType }) => {
       specSelectors={ specSelectors }
       expandDepth={1}
       schema={mediaTypeValue.get("schema")}
-      example={<i>Not yet implemented</i>}/>
+      example={<HighlightCode value={sampleSchema} />}
+      />
   </div>
 }