From cdcbd56dde9aeb7ef38601771b8d4b5c2ee52a37 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Fri, 16 Jun 2017 18:18:31 -0700
Subject: [PATCH] Prefix markdown preview with request name

---
 app/ui/components/markdown-preview.js |  9 ++++++---
 app/ui/components/request-pane.js     | 14 ++++++++------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/app/ui/components/markdown-preview.js b/app/ui/components/markdown-preview.js
index 50c05b16cb..537497f6b9 100644
--- a/app/ui/components/markdown-preview.js
+++ b/app/ui/components/markdown-preview.js
@@ -80,9 +80,11 @@ class MarkdownPreview extends PureComponent {
   }
 
   render () {
-    const {className} = this.props;
+    const {className, heading} = this.props;
     const {compiled, renderError} = this.state;
 
+    let html = heading ? `<h1>${heading}</h1>\n${compiled}` : compiled;
+
     return (
       <div ref={this._setPreviewRef} className={classnames('markdown-preview', className)}>
         {renderError && (
@@ -91,7 +93,7 @@ class MarkdownPreview extends PureComponent {
           </p>
         )}
         <div className="markdown-preview__content selectable"
-             dangerouslySetInnerHTML={{__html: compiled}}>
+             dangerouslySetInnerHTML={{__html: html}}>
           {/* Set from above */}
         </div>
       </div>
@@ -106,7 +108,8 @@ MarkdownPreview.propTypes = {
 
   // Optional
   className: PropTypes.string,
-  debounceMillis: PropTypes.number
+  debounceMillis: PropTypes.number,
+  heading: PropTypes.string
 };
 
 export default MarkdownPreview;
diff --git a/app/ui/components/request-pane.js b/app/ui/components/request-pane.js
index 0a39b73ff2..96e558b297 100644
--- a/app/ui/components/request-pane.js
+++ b/app/ui/components/request-pane.js
@@ -366,12 +366,14 @@ class RequestPane extends PureComponent {
                     Edit
                   </button>
                 </div>
-                <MarkdownPreview
-                  className="pad"
-                  debounceMillis={1000}
-                  markdown={request.description}
-                  handleRender={handleRender}
-                />
+                <div className="pad">
+                  <MarkdownPreview
+                    heading={request.name}
+                    debounceMillis={1000}
+                    markdown={request.description}
+                    handleRender={handleRender}
+                  />
+                </div>
               </div>
             ) : (
               <div className="overflow-hidden editor vertically-center text-center">