import React from "react";
import ReactMarkdown from "react-markdown";

class Rules extends React.Component {
	constructor(props) {
		super(props);

		this.state = {
			body: "Loading..."
		};
	}

	componentDidMount() {
		fetch("/content/rules.md")
			.then(result => result.text())
			.then((result) => {
				this.setState({
					body: result
				});
			},
			//handle errors here instead of a catch block because internet said so
			(error) => {
				this.setState({
					body: error
				});
			});
	}

	render() {
		return (
			<div>
				<ReactMarkdown source={this.state.body} />
			</div>
		);
	}
}

export default Rules;