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