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 }) => {
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>
23 <Item episode={episode} key={episode.id} />
30 episodes: PropTypes.arrayOf(PropTypes.shape({
31 start: PropTypes.string,