import Item from './Item';
-const List = ({ episodes }) => {
+const List = ({ episodes, onAddRestream, onEditRestream }) => {
const grouped = React.useMemo(() => episodes.reduce((groups, episode) => {
const day = moment(episode.start).format('YYYY-MM-DD');
return {
{Object.entries(grouped).map(([day, group]) => <div key={day}>
<h2 className="text-center my-5">{moment(day).format('dddd, L')}</h2>
{group.map(episode =>
- <Item episode={episode} key={episode.id} />
+ <Item
+ episode={episode}
+ onAddRestream={onAddRestream}
+ onEditRestream={onEditRestream}
+ key={episode.id}
+ />
)}
</div>)}
</div>;
episodes: PropTypes.arrayOf(PropTypes.shape({
start: PropTypes.string,
})),
+ onAddRestream: PropTypes.func,
+ onEditRestream: PropTypes.func,
};
export default List;