{"size": 1052, "ext": "js", "max_stars_repo_path": "app/containers/Activity/Info.js", "max_stars_repo_name": "zorancuc/pizza_hero", "max_stars_repo_stars_event_min_datetime": "2020-12-08T18:23:46.000Z", "max_stars_repo_stars_event_max_datetime": "2020-12-08T18:23:46.000Z", "max_issues_repo_path": "app/containers/Activity/Info.js", "max_issues_repo_name": "zorancuc/pizza_hero", "max_issues_repo_issues_event_min_datetime": "2020-04-06T06:18:49.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-24T06:58:27.000Z", "max_forks_repo_path": "app/containers/Activity/Info.js", "max_forks_repo_name": "zorancuc/pizza_hero", "max_forks_repo_forks_event_min_datetime": "2020-11-03T16:57:17.000Z", "max_forks_repo_forks_event_max_datetime": "2020-11-03T16:57:17.000Z"}
{"max_stars_count": 1, "max_issues_count": 7, "max_forks_count": 1, "avg_line_length": 27.6842105263, "max_line_length": 69, "alphanum_fraction": 0.5427756654}
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from 'react-router-dom';

export default function Info({ profileName, profileImage, logout }) {
  return (
    <div className="activity-info-header">
      <div className="user-title-info">
        <div className="profile-image">
          <img src={profileImage} alt="" />
        </div>
        <div className="account-info">
          <h3 className="profile-name">{profileName}</h3>
          <div className="account-links">
            <a href="/#" className="account-link">
              Copy address
            </a>
            <div className="hyphen">-</div>
            <Link to="/settings" className="account-link">
              Settings
            </Link>
            &nbsp;
            <a href="/#" className="account-link" onClick={logout}>
              Logout
            </a>
          </div>
        </div>
      </div>
    </div>
  );
}

Info.propTypes = {
  profileName: PropTypes.string,
  profileImage: PropTypes.string,
  logout: PropTypes.func,
};
