{"size": 987, "ext": "js", "max_stars_repo_path": "src/Home/HomePage.js", "max_stars_repo_name": "lee-aaron/otaku-recommender", "max_stars_repo_stars_event_min_datetime": "2017-12-09T00:23:47.000Z", "max_stars_repo_stars_event_max_datetime": "2018-06-02T06:08:43.000Z", "max_issues_repo_path": "src/Home/HomePage.js", "max_issues_repo_name": "lee-aaron/otaku-recommender", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/Home/HomePage.js", "max_forks_repo_name": "lee-aaron/otaku-recommender", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 28.2, "max_line_length": 73, "alphanum_fraction": 0.452887538}
import React, { Component } from 'react';
import './HomePage.css';
import Home from '../img/index.jpg';
import { Route } from 'react-router-dom';

class HomePage extends Component {

    render() {
        let welcome = "Welcome to Otaku Recommender!";

        const Button = () => (
            <Route render={({history}) => (
                <button
                    id="home_page"
                    type="button"
                    onClick={() => { history.push("/anime-recommend") }}>
                    Click here to get started!
                </button>
            )} />
        )

        return (
            <div>
                <img className="bg-img" src={Home} alt="" />
                <div className="home_page_content">
                    <h1 className="info spacing">{welcome}</h1>
                    <Button />
                </div>
                <Route exact path="/anime-recommendation" />
            </div>
        )
    }
}

export default HomePage;