ProjectListLi.js

const ProjectListLi = ({index, project, canManageProjects, editClickCB, selectProject}) => (
  <li className="col-sm-3"  role="menuitem" onClick={(e) => selectProject(project)}>
    <div id={project.name + '-' + project.id} className={'tile'}>
      <h3>{project.name}</h3>
      {canManageProjects && (
        <div className="edit-bar text-muted" onClick={(e) => editClickCB(e, project)}>
          <i className="glyphicon glyphicon-pencil"></i> EDIT
        </div>
      )}
    </div>
  </li>
);