{"size": 991, "ext": "js", "max_stars_repo_path": "src/components/CardList.js", "max_stars_repo_name": "luisalejandrojaramillo/IETI_TaskPlannerAPIP2FrontEnd_Lab07", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/CardList.js", "max_issues_repo_name": "luisalejandrojaramillo/IETI_TaskPlannerAPIP2FrontEnd_Lab07", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/CardList.js", "max_forks_repo_name": "luisalejandrojaramillo/IETI_TaskPlannerAPIP2FrontEnd_Lab07", "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": 24.775, "max_line_length": 59, "alphanum_fraction": 0.4460141271}
import React from 'react';
import CssBaseline from '@material-ui/core/CssBaseline';
import Container from '@material-ui/core/Container';
import Card from './Card';

export default class CardList extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        const cardList = this.props.task.map((task, i) => {
            return (
                <Card
                    key={'task_' + i}
                    description={task.description}
                    name={task.responsible.name}
                    email={task.responsible.email}
                    status={task.status}
                    dueDate={task.dueDate}
                />
            );
        })
        return (
            <Container component="main" maxWidth="xs">
            <CssBaseline />
                <div>
                    <ul>
                        {cardList}
                    </ul>
                </div>
             </Container>
        );


    }

}
