{"size": 1058, "ext": "js", "max_stars_repo_path": "ui/src/components/layout/menubar.js", "max_stars_repo_name": "dadesjo/rocket-fuel", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "ui/src/components/layout/menubar.js", "max_issues_repo_name": "dadesjo/rocket-fuel", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "ui/src/components/layout/menubar.js", "max_forks_repo_name": "dadesjo/rocket-fuel", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 34.1290322581, "max_line_length": 101, "alphanum_fraction": 0.5094517958}
import React from 'react';
import { t } from 'ttag';
import { NavLink } from 'react-router-dom'

const activeClass = 'active';

class MenuBar extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div className="menu-bar">
                <ul>
                    <li><NavLink activeClassName={activeClass} exact to="/">{t`Overview`}</NavLink>
                    </li>
                    <li><NavLink activeClassName={activeClass}
                                 to="/questions">{t`Questions`}</NavLink></li>
                    {/*<li><NavLink activeClassName="active" to="/bloglist">{t`Blogs`}</NavLink></li>
                    <li><NavLink activeClassName="active" to="/users">{t`Users`}</NavLink></li>
                    <li><NavLink activeClassName="active" to="/search">{t`Search`}</NavLink></li>
                    <li><NavLink activeClassName="active" to="/faq">{t`FAQ`}</NavLink></li>*/}
                </ul>
            </div>
        );
    }
}

export default MenuBar;
