ESPTrainer/imports/ui/App.jsx

import React, { Component } from 'react';
import './styles/App';
import Board from './Board';
import Info from './Info';

export default class App extends Component {
	constructor(props) {
		super(props);
		this.state = {
			infoVisible: false
		};
	}

	toggleInfo() {
		this.setState({ infoVisible: !this.state.infoVisible });
	}

	render() {
		return (
			<div id="app-container">
				<header>
					<h1>ESPTrainer</h1>
					<div className="flex-space" />
					<div><i className="info fa fa-lg fa-info-circle" onClick={this.toggleInfo.bind(this)}/></div>
				</header>
				<main id="content">
					<div className="center">
						{ this.state.infoVisible ? <Info /> : <Board /> }
					</div>
				</main>
				<footer>
					<div>Copyright © 2017 Coldiary</div>
					<div className="credits">Based on Russell Targ's ESPTrainer on iOS</div>
				</footer>
			</div>
		);
	}
}