1 import moment from 'moment';
2 import PropTypes from 'prop-types';
3 import React from 'react';
5 import Item from './Item';
7 const List = ({ episodes, onAddRestream, onEditRestream }) => {
8 const grouped = React.useMemo(() => episodes.reduce((groups, episode) => {
9 const day = moment(episode.start).format('YYYY-MM-DD');
19 return <div className="episodes-list">
20 {Object.entries(grouped).map(([day, group]) => <div key={day}>
21 <h2 className="text-center my-5">{moment(day).format('dddd, L')}</h2>
25 onAddRestream={onAddRestream}
26 onEditRestream={onEditRestream}
35 episodes: PropTypes.arrayOf(PropTypes.shape({
36 start: PropTypes.string,
38 onAddRestream: PropTypes.func,
39 onEditRestream: PropTypes.func,