{"size": 328, "ext": "js", "max_stars_repo_path": "src/components/Sidebar.js", "max_stars_repo_name": "yuhaophotography/skypey", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Sidebar.js", "max_issues_repo_name": "yuhaophotography/skypey", "max_issues_repo_issues_event_min_datetime": "2021-03-10T12:30:36.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T02:02:00.000Z", "max_forks_repo_path": "src/components/Sidebar.js", "max_forks_repo_name": "yuhaophotography/skypey", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 5, "max_forks_count": null, "avg_line_length": 21.8666666667, "max_line_length": 74, "alphanum_fraction": 0.6646341463}
import React from "react";

import "./Sidebar.css";

import User from "../containers/User";

const Sidebar = ({ contacts }) => {
  const renderContacts = () =>
    contacts.map(contact => <User key={contact.userId} user={contact} />);

  return <aside className="sidebar">{renderContacts()}</aside>;
};

export default Sidebar;
