Prefix markdown preview with request name

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;

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">