ETHReport/components/interviews/relatedInterviewsList/index.js

30 lines
693 B
JavaScript
Raw Normal View History

import React from 'react';
import { PropTypes } from 'prop-types';
import './style.scss';
const RelatedInterviewsList = props => (
<div className="related-interviews-list">
<h4>Related <br />Interviews</h4>
<ul>
2018-07-06 12:36:22 +00:00
{ props.data.map(interview => (
// eslint-disable-next-line
<li
id={interview.id}
key={interview.id}
onClick={props.toggleSingleInterview}
>
{ interview.name }
</li>
))
}
</ul>
</div>
);
RelatedInterviewsList.propTypes = {
2018-07-06 12:36:22 +00:00
data: PropTypes.arrayOf(PropTypes.node).isRequired,
toggleSingleInterview: PropTypes.func.isRequired,
2018-07-06 12:36:22 +00:00
};
export default RelatedInterviewsList;