Codeminer42/cm42-central

import React, { Fragment } from 'react';
import ProjectCard from 'components/projects/ProjectCard';

export default class ProjectList extends React.Component {
  cards() {
    const { user, projects, joined } = this.props;

    return projects.map(project => {
      return (
        <ProjectCard
          key={project.get('slug')}
          project={project}
          user={user}
          joined={joined}
        />
      );
    });
  }

  render() {
    const { projects, title } = this.props;

    return (
      <Fragment>
        <div className="col-md-12 project-list-title">
          <h4>
            <i
              className="mi md-20 heading-icon"
              data-testid="view-module-title"
            >
              view_module
            </i>{' '}
            {title} | {projects.length}
          </h4>
        </div>
        {this.cards()}
      </Fragment>
    );
  }
}