{"size": 769, "ext": "js", "max_stars_repo_path": "frontend/src/components/FourZeroFour/FourZeroFour.js", "max_stars_repo_name": "jawadsab/ExpenseTracker", "max_stars_repo_stars_event_min_datetime": "2021-06-19T11:11:14.000Z", "max_stars_repo_stars_event_max_datetime": "2021-06-19T11:17:35.000Z", "max_issues_repo_path": "frontend/src/components/FourZeroFour/FourZeroFour.js", "max_issues_repo_name": "jawadsab/ExpenseTracker", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "frontend/src/components/FourZeroFour/FourZeroFour.js", "max_forks_repo_name": "jawadsab/ExpenseTracker", "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": 25.6333333333, "max_line_length": 78, "alphanum_fraction": 0.5682704811}
import React from 'react'
import fzf_light from "../../assets/fzf_light.svg";
import fzf_dark from "../../assets/fzf_dark.svg";
import { Wrapper,SVG,Info } from './404.element'

import {connect} from "react-redux"
import { Link } from 'react-router-dom';


function FourZeroFour({location,app_theme}) {
    return (
        <Wrapper>
             {app_theme === 'light' ? (
                <SVG src={fzf_light} alt="..." />
              ) : (
                <SVG src={fzf_dark} alt="..." />
              )}
              <Info>Page Not Found <Link to="/dashboard">Go Home</Link></Info>
        </Wrapper>
    )
}

const mapStateToProps = state => {
    return {
        app_theme: state.appTheme.theme
    }
}

export default connect(mapStateToProps)(FourZeroFour);
