<commit_before>import React from 'react';
import styles from '../styles/modal.scss';


export default React.createClass({

	getInitialState () {
		return {
			visible: true
		}
	},

	componentDidMount () {
		let modalToggle = document.getElementById('modal-toggle');
		modalToggle.addEventListener('click', this.toggleVisible)
	},

	toggleVisible () {
		let showState;
		if (this.state.visible === false) {
			showState = true;
		} else {
			showState = false;
		}
		this.setState({
			visible: showState
		});
	},


	render () {
		return (
			<div className={this.state.visible ? 'modal' : 'modal hidden'}>
				<h3>Lines</h3>
				<i className="fa fa-times-circle" id='modal-toggle'></i>
				<div className='content text'>
					<span>Press C to toggle the Control Panel.</span>
					<span>Press P to save your art.</span>
				</div>
			</div><commit_msg>add new instructions to modal<commit_after>import React from 'react';
import styles from '../styles/modal.scss';


export default React.createClass({

	getInitialState () {
		return {
			visible: true
		}
	},

	componentDidMount () {
		let modalToggle = document.getElementById('modal-toggle');
		modalToggle.addEventListener('click', this.toggleVisible)
	},

	toggleVisible () {
		let showState;
		if (this.state.visible === false) {
			showState = true;
		} else {
			showState = false;
		}
		this.setState({
			visible: showState
		});
	},


	render () {
		return (
			<div className={this.state.visible ? 'modal' : 'modal hidden'}>
				<h3>Lines</h3>
				<i className="fa fa-times-circle" id='modal-toggle'></i>
				<div className='content text'>
					<span>Press P to toggle the Control Panel.</span>
					<span>Press R to run AutoDraw</span>
					<span>Press C to clear the canvas </span>
					<span>Press S to save your art.</span>
				</div>
			</div>
{'fraction_non_alphanumeric': 0.151130722559294, 'fraction_numerical': 0.002206287920573635, 'mean_word_length': 3.3293556085918854, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3590703', 'n_tokens_mistral': 680, 'n_tokens_neox': 575, 'n_words': 145}