{"size": 504, "ext": "js", "max_stars_repo_path": "src/component/header.js", "max_stars_repo_name": "gougoulin/react-admin-demo", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/component/header.js", "max_issues_repo_name": "gougoulin/react-admin-demo", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/component/header.js", "max_forks_repo_name": "gougoulin/react-admin-demo", "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": 21.9130434783, "max_line_length": 54, "alphanum_fraction": 0.5813492063}
import React from "react";
import "../sass/style.scss";
import VNav from "./vnav";

function Header(props) {
  const { avatar, name } = props.currentUser;
  return (
    <header>
      <div className="logo__wrap">
        <h1>AOTAO</h1>
      </div>
      <nav className="header__right">
        <div className="user__wrap">
          <div className="user__avatar">{avatar}</div>
          <div className="user__name">{name}</div>
        </div>
      </nav>
    </header>
  );
}

export default Header;
