import React from 'react';
import 'github-markdown-css'
import ReactMarkdown from 'react-markdown';
import AboutMarkdown from '../static/about.md';

class About extends React.Component {
    constructor () {
        super();
        this.state = { about: '' };
    }

    componentWillMount() {
        fetch(AboutMarkdown).then(res => res.text()).then(text => this.setState({ markdown: text }));
    }

    render () {
        const { markdown } = this.state;
        return (
            <div className="markdown-body">
                <ReactMarkdown source={markdown} />
            </div>
        );
    }
}

export default About;