{"size": 2009, "ext": "js", "max_stars_repo_path": "src/components/navbar.js", "max_stars_repo_name": "chastichno/portfolio-page", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/navbar.js", "max_issues_repo_name": "chastichno/portfolio-page", "max_issues_repo_issues_event_min_datetime": "2020-07-16T06:45:01.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-27T04:17:22.000Z", "max_forks_repo_path": "src/components/navbar.js", "max_forks_repo_name": "chastichno/portfolio-page", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 25, "max_forks_count": null, "avg_line_length": 41.8541666667, "max_line_length": 238, "alphanum_fraction": 0.5540069686}
import React from "react"
import {
    Link,
    //  graphql, useStaticQuery, Img
} from "gatsby"
// import logo from "../images/logo.png"

class Navbar extends React.Component {
    constructor(props) {
        super(props);
        this.toggleNavbar = this.toggleNavbar.bind(this);
        this.state = {
            collapsed: true,
        };
    }

    toggleNavbar() {
        this.setState({
            collapsed: !this.state.collapsed,
        });
    }
    render() {
        const classDropdownMenu = 'navbar-collapse' + (this.state.collapsed ? ' collapse' : '')

        return (
            <nav className="navbar navbar-expand-md navbar-light">
                <Link className="brand" to="/">
                    {/* <img className="logo-image" alt="logo" src={logo}></img> */}
                Ana Chashchina
                </Link>
                <button onClick={this.toggleNavbar} className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <span className="navbar-toggler-icon"></span>
                </button>
                <div className={classDropdownMenu} id="navbarSupportedContent">
                    <div className="navbar-nav ml-auto">
                        <Link className="nav-item" activeClassName="active-nav-item" to="/">Portfolio<span className="sr-only">(current)</span></Link>
                        <Link className="nav-item" activeClassName="active-nav-item" to="/about">About me</Link>
                        {/* <Link className="nav-item" activeClassName="active-nav-item" to="/blog">Blog</Link> */}
                        {/* <Link className="nav-item" activeClassName="active-nav-item" to="/contact">Contact</Link> */}
                        <Link className="btn-project" to="/contact">Contact</Link>
                    </div>
                </div>
            </nav>
        )
    }
}

export default Navbar