From 31abbb7641256297af67e550a6e7cff423f4033c Mon Sep 17 00:00:00 2001
From: Kyle Shockey <shockey@users.noreply.github.com>
Date: Tue, 23 May 2017 15:29:58 -0700
Subject: [PATCH] Finish rewiring Markdown provider

---
 src/core/components/auth/api-key-auth.jsx                   | 3 +--
 src/core/components/auth/basic-auth.jsx                     | 3 +--
 src/core/components/auth/oauth2.jsx                         | 3 +--
 src/core/components/info.jsx                                | 2 +-
 src/core/components/operation.jsx                           | 2 +-
 src/core/components/parameter-row.jsx                       | 3 +--
 src/core/components/providers/{Markdown.js => markdown.jsx} | 2 +-
 src/core/components/response.jsx                            | 2 +-
 8 files changed, 8 insertions(+), 12 deletions(-)
 rename src/core/components/providers/{Markdown.js => markdown.jsx} (82%)

diff --git a/src/core/components/auth/api-key-auth.jsx b/src/core/components/auth/api-key-auth.jsx
index 9a962e4f..036afa86 100644
--- a/src/core/components/auth/api-key-auth.jsx
+++ b/src/core/components/auth/api-key-auth.jsx
@@ -53,8 +53,7 @@ export default class ApiKeyAuth extends React.Component {
         <h4>Api key authorization<JumpToPath path={[ "securityDefinitions", name ]} /></h4>
         { value && <h6>Authorized</h6>}
         <Row>
-          <Markdown options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}}
-                    source={ schema.get("description") } />
+          <Markdown source={ schema.get("description") } />
         </Row>
         <Row>
           <p>Name: <code>{ schema.get("name") }</code></p>
diff --git a/src/core/components/auth/basic-auth.jsx b/src/core/components/auth/basic-auth.jsx
index 1969c314..fb954bf1 100644
--- a/src/core/components/auth/basic-auth.jsx
+++ b/src/core/components/auth/basic-auth.jsx
@@ -59,8 +59,7 @@ export default class BasicAuth extends React.Component {
         <h4>Basic authorization<JumpToPath path={[ "securityDefinitions", name ]} /></h4>
         { username && <h6>Authorized</h6> }
         <Row>
-          <Markdown options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}}
-                    source={ schema.get("description") } />
+          <Markdown source={ schema.get("description") } />
         </Row>
         <Row>
           <label>Username:</label>
diff --git a/src/core/components/auth/oauth2.jsx b/src/core/components/auth/oauth2.jsx
index 601caf37..c282355f 100644
--- a/src/core/components/auth/oauth2.jsx
+++ b/src/core/components/auth/oauth2.jsx
@@ -102,8 +102,7 @@ export default class Oauth2 extends React.Component {
       <div>
         <h4>OAuth2.0 <JumpToPath path={[ "securityDefinitions", name ]} /></h4>
         { !this.state.appName ? null : <h5>Application: { this.state.appName } </h5> }
-        <Markdown options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}}
-                  source={ schema.get("description") } />
+        <Markdown source={ schema.get("description") } />
 
         { isAuthorized && <h6>Authorized</h6> }
 
diff --git a/src/core/components/info.jsx b/src/core/components/info.jsx
index 11bb4709..da53be06 100644
--- a/src/core/components/info.jsx
+++ b/src/core/components/info.jsx
@@ -99,7 +99,7 @@ export default class Info extends React.Component {
         </hgroup>
 
         <div className="description">
-          <Markdown options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}} source={ description } />
+          <Markdown source={ description } />
         </div>
 
         {
diff --git a/src/core/components/operation.jsx b/src/core/components/operation.jsx
index f6a97b08..445c13b4 100644
--- a/src/core/components/operation.jsx
+++ b/src/core/components/operation.jsx
@@ -173,7 +173,7 @@ export default class Operation extends React.Component {
               { description &&
                 <div className="opblock-description-wrapper">
                   <div className="opblock-description">
-                    <Markdown options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}} source={ description } />
+                    <Markdown source={ description } />
                   </div>
                 </div>
               }
diff --git a/src/core/components/parameter-row.jsx b/src/core/components/parameter-row.jsx
index c2438ad0..672e7c95 100644
--- a/src/core/components/parameter-row.jsx
+++ b/src/core/components/parameter-row.jsx
@@ -99,8 +99,7 @@ export default class ParameterRow extends Component {
         </td>
 
         <td className="col parameters-col_description">
-          <Markdown options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}}
-                    source={ param.get("description") }/>
+          <Markdown source={ param.get("description") }/>
           {(isFormData && !isFormDataSupported) && <div>Error: your browser does not support FormData</div>}
 
           { bodyParam || !isExecute ? null
diff --git a/src/core/components/providers/Markdown.js b/src/core/components/providers/markdown.jsx
similarity index 82%
rename from src/core/components/providers/Markdown.js
rename to src/core/components/providers/markdown.jsx
index aba5861c..8c9ef6f2 100644
--- a/src/core/components/providers/Markdown.js
+++ b/src/core/components/providers/markdown.jsx
@@ -2,7 +2,7 @@ import Remarkable from "react-remarkable"
 import React from "react"
 
 
-export default ({ source }) => {
+export default function Markdown({ source }) {
   return <Remarkable
     options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}}
     source={source}
diff --git a/src/core/components/response.jsx b/src/core/components/response.jsx
index 6c45aa2d..a255d1a6 100644
--- a/src/core/components/response.jsx
+++ b/src/core/components/response.jsx
@@ -76,7 +76,7 @@ export default class Response extends React.Component {
         <td className="col response-col_description">
 
           <div className="response-col_description__inner">
-            <Markdown options={{html: true, typographer: true, linkify: true, linkTarget: "_blank"}} source={ response.get( "description" ) } />
+            <Markdown source={ response.get( "description" ) } />
           </div>
 
           { example ? (