import React from 'react';
import DocumentTitle from 'react-document-title';
import { link } from 'gatsby-helpers';

var DOCS_BASEURL = "https://github.com/graphql-python/graphene/edit/master/docs/pages/";

class Markdown extends React.Component {
  render() {
    var post = this.props.page.data;
    var pagePath = this.props.page.requirePath;
    var documentUrl = `${DOCS_BASEURL}${pagePath}`;
    var showTitle = post.title && !this.props.docs;
    return (
      <DocumentTitle title={`${post.title?post.title+' - ':''}${this.props.config.siteTitle}`}>
        <div>
          {showTitle?<div className="page-title">
            <h1>{post.title}</h1>
          </div>:null}
          <div className="markdown">
            <div className={!this.props.docs?"wrapper":null} dangerouslySetInnerHTML={{__html: post.body}}/>
            <a href={documentUrl} className="improve-document-link">Edit page</a>
          </div>
        </div>
      </DocumentTitle>
    );
  }
}

module.exports = Markdown;