{"size": 1629, "ext": "js", "max_stars_repo_path": "src/components/Home.js", "max_stars_repo_name": "carcarvroom/fruit-quest", "max_stars_repo_stars_event_min_datetime": "2020-09-11T00:51:07.000Z", "max_stars_repo_stars_event_max_datetime": "2020-09-11T00:51:07.000Z", "max_issues_repo_path": "src/components/Home.js", "max_issues_repo_name": "iona-b/fruit-quest-frontend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Home.js", "max_forks_repo_name": "iona-b/fruit-quest-frontend", "max_forks_repo_forks_event_min_datetime": "2020-09-11T04:19:40.000Z", "max_forks_repo_forks_event_max_datetime": "2020-09-11T04:19:40.000Z"}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 40.725, "max_line_length": 130, "alphanum_fraction": 0.4205033763}
import React from 'react';
import {Link, NavLink} from 'react-router-dom'

const Home = (props) => {
    return (
        <div>
            <div className="login-welcome">
                <img src={require("../welcome-to.png")} alt='' id="welcome-to"/>
            </div>
            {
            props.user.id === 0 ? (
                <div id ="login-signup-section">
                    <div className="login-signup-divs" id="login-div">
                        <NavLink to='/login' >
                            <img src={require("../high-score-logo.png")} alt='' className="login-signup-logos" id="login-logo"/>  
                        </NavLink>
                        <NavLink to='/login' className="login-signup-headings">Log In</NavLink> 
                    </div>
                    <div className="login-signup-divs" id="sign-up-div">
                        <NavLink to='/signup' >
                            <img src={require("../level-logo.png")} alt='' className="login-signup-logos" id="signup-logo"/>
                        </NavLink>
                        <NavLink to='/signup' className="login-signup-headings">Sign Up</NavLink>
                    </div>
                </div>
            ) : (
                <div id ="login-signup-section">
                    <div className='start'>
                        <Link to='/start' >
                            <img src={require("../start-game-button.png")} alt='' id="home-start-game-button"/>
                        </Link>
                    </div>
                </div>
            )
            }
        </div>
    )
}

export default Home;