X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fepisodes%2FList.js;h=a2a3b29f982d014bdcff9edd3db608843501a69a;hb=f0d1a566f5afd76ab7a56b295b71d5756dfd2bc3;hp=a28fa4848968b9e2fa2a455cec44c55b7b74a8c9;hpb=638802eaf20d636c16d7ce337ace508708705f2c;p=alttp.git

diff --git a/resources/js/components/episodes/List.js b/resources/js/components/episodes/List.js
index a28fa48..a2a3b29 100644
--- a/resources/js/components/episodes/List.js
+++ b/resources/js/components/episodes/List.js
@@ -4,7 +4,7 @@ import React from 'react';
 
 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 {
@@ -18,11 +18,14 @@ const List = ({ episodes, onAddRestream, onEditRestream }) => {
 
 	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}
 				/>
@@ -36,6 +39,7 @@ List.propTypes = {
 		start: PropTypes.string,
 	})),
 	onAddRestream: PropTypes.func,
+	onApply: PropTypes.func,
 	onEditRestream: PropTypes.func,
 };