{"size": 1225, "ext": "js", "max_stars_repo_path": "ide/src/components/editor/sidebar/panels/components/explorer/modals/InitModal.js", "max_stars_repo_name": "Anish-Agnihotri/venti", "max_stars_repo_stars_event_min_datetime": "2020-01-17T23:46:04.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-16T05:02:06.000Z", "max_issues_repo_path": "ide/src/components/editor/sidebar/panels/components/explorer/modals/InitModal.js", "max_issues_repo_name": "Anish-Agnihotri/venti", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "ide/src/components/editor/sidebar/panels/components/explorer/modals/InitModal.js", "max_forks_repo_name": "Anish-Agnihotri/venti", "max_forks_repo_forks_event_min_datetime": "2021-11-12T07:42:07.000Z", "max_forks_repo_forks_event_max_datetime": "2021-12-16T05:02:08.000Z"}
{"max_stars_count": 4, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 30.625, "max_line_length": 254, "alphanum_fraction": 0.6644897959}
import React from 'react';
import GitHubButton from 'react-github-btn';
import Store from '../../../../../../../stores/files';
import logo from './large-logo.png';
import './modal.css';

class InitModal extends React.Component {
	constructor() {
		super();

		this.modalOperation = this.modalOperation.bind(this);
	}

	modalOperation(num) {
		this.props.closeModal()
		this.props.openModal(num)
	}
	render() {
		return(
			<div className='init-modal-outer'>
				<div className="init-modal-top">
					<img src={logo} alt="Venti logo"/>
					<p>The <i>hip</i> browser-only Ethereum IDE and runtime environment.</p>
					<div className="github-star-container">
						<GitHubButton href="https://github.com/Anish-Agnihotri/venti" data-color-scheme="no-preference: light; light: light; dark: light;" data-icon="octicon-star" data-show-count="true" aria-label="Star Anish-Agnihotri/venti on GitHub">Star</GitHubButton>
					</div>
				</div>
				<div className="init-modal-bottom">
					<div>
						<button onClick={() => this.modalOperation(1)}>Create new file</button>
						<button onClick={() => this.modalOperation(2)}>Upload file</button>
					</div>
				</div>
			</div>
		)
	}
}

export default Store.withStore(InitModal);
