{"size": 480, "ext": "js", "max_stars_repo_path": "Client/src/components/wall/Events/index.js", "max_stars_repo_name": "milttamer8/Videostreaming-laravel-backend", "max_stars_repo_stars_event_min_datetime": "2020-09-10T03:03:23.000Z", "max_stars_repo_stars_event_max_datetime": "2020-09-10T03:03:23.000Z", "max_issues_repo_path": "Client/src/components/wall/Events/index.js", "max_issues_repo_name": "milttamer8/Videostreaming-laravel-backend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "Client/src/components/wall/Events/index.js", "max_forks_repo_name": "milttamer8/Videostreaming-laravel-backend", "max_forks_repo_forks_event_min_datetime": "2021-08-19T03:14:52.000Z", "max_forks_repo_forks_event_max_datetime": "2021-08-19T03:14:52.000Z"}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 20.0, "max_line_length": 76, "alphanum_fraction": 0.5291666667}
import React, {Component} from "react";

import EventItem from "./EventItem";

class Events extends Component {

  render() {
    return (
      <div>
        <div className="flex-row mb-3">
          <h4>EVENTS</h4>
          <a className="ml-auto"><u>VIEW ALL</u></a>
        </div>
        {this.props.eventList.map((event) => {
            return <EventItem key={event.id} index={event.id} data={event}/>
          }
        )}
      </div>
    )
  }
}

export default Events
