{"size": 555, "ext": "js", "max_stars_repo_path": "src/app/ProblemTable.js", "max_stars_repo_name": "eralpsahin/leetcode-stats", "max_stars_repo_stars_event_min_datetime": "2021-03-29T09:16:31.000Z", "max_stars_repo_stars_event_max_datetime": "2022-02-08T21:45:05.000Z", "max_issues_repo_path": "src/app/ProblemTable.js", "max_issues_repo_name": "eralpsahin/leetcode-stats", "max_issues_repo_issues_event_min_datetime": "2019-07-12T19:36:28.000Z", "max_issues_repo_issues_event_max_datetime": "2021-05-10T00:50:45.000Z", "max_forks_repo_path": "src/app/ProblemTable.js", "max_forks_repo_name": "eralpsahin/leetcode-stats", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": 5, "max_forks_count": null, "avg_line_length": 22.2, "max_line_length": 70, "alphanum_fraction": 0.5783783784}
import React from 'react';
import ProblemCell from './ProblemCell';

export default function ProblemTable(props) {
  const createTable = recents => {
    let table = [];

    recents.forEach((recent, index) => {
      table.push(
        <ProblemCell
          key={index}
          title={recent.title}
          status={recent.status}
          time={recent.time}
          language={recent.language}
          url={recent.url}
        />
      );
    });

    return table;
  };
  return <React.Fragment>{createTable(props.recent)}</React.Fragment>;
}
