From 3f7a32304b0e46bc5910993f3233d9197f55a132 Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Wed, 30 Jul 2025 16:37:21 +0200
Subject: [PATCH] fix crew list

---
 resources/js/components/episodes/Crew.jsx     |  8 ++++++--
 resources/js/components/episodes/CrewList.jsx | 15 ++++++++-------
 resources/js/components/episodes/Item.jsx     |  2 ++
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/episodes/Crew.jsx b/resources/js/components/episodes/Crew.jsx
index f1a8289..c20021a 100644
--- a/resources/js/components/episodes/Crew.jsx
+++ b/resources/js/components/episodes/Crew.jsx
@@ -49,6 +49,10 @@ const Crew = ({ episode }) => {
 		))
 	, [episode, trackers, user]);
 
+	const showSgSignup = React.useMemo(() =>
+		!hasPassed(episode) && hasSGRestream(episode)
+	, [episode]);
+
 	return <Row className="episode-crew">
 		{showCommentators ?
 			<Col xs={6} md>
@@ -67,7 +71,7 @@ const Crew = ({ episode }) => {
 						</Button>
 					</div>
 				: null}
-				{hasSGRestream(episode) ?
+				{showSgSignup ?
 					<div className="button-bar m-2">
 						{sgLanguages.map(lang =>
 							<Button
@@ -100,7 +104,7 @@ const Crew = ({ episode }) => {
 						</Button>
 					</div>
 				: null}
-				{hasSGRestream(episode) ?
+				{showSgSignup ?
 					<div className="button-bar m-2">
 						{sgLanguages.map(lang =>
 							<Button
diff --git a/resources/js/components/episodes/CrewList.jsx b/resources/js/components/episodes/CrewList.jsx
index fcc5c7d..082f623 100644
--- a/resources/js/components/episodes/CrewList.jsx
+++ b/resources/js/components/episodes/CrewList.jsx
@@ -7,21 +7,22 @@ const CrewList = ({ crews, episode }) => {
 	const byChannel = React.useMemo(() => {
 		const bc = {};
 		crews.forEach((crew) => {
-			if (!bc[crew.channel_id]) {
-				bc[crew.channel_id] = {
-					channel: episode.channels.find((c) => c.id === crew.channel_id),
+			const ccid = crew.channel_id || 'none';
+			if (!bc[ccid]) {
+				bc[ccid] = {
+					channel: episode.channels.find((c) => c.id === ccid),
 					crews: [],
 				};
 			}
-			bc[crew.channel_id].crews.push(crew);
+			bc[ccid].crews.push(crew);
 		});
-		return Object.entries(bc).map(([, value]) => value).filter(c => !!c.channel);
+		return Object.entries(bc).map(([, value]) => value);
 	}, [crews, episode]);
 
 	return <div>
 		{byChannel.map(({ channel, crews }) => (
-			<fieldset className="crew-list" key={channel.id}>
-				{byChannel.length > 1 ?
+			<fieldset className="crew-list" key={channel?.id || 'none'}>
+				{byChannel.length > 1 && channel ?
 					<legend>{channel.title}</legend>
 				: null}
 				{crews.map((crew) => (
diff --git a/resources/js/components/episodes/Item.jsx b/resources/js/components/episodes/Item.jsx
index 401930f..e8844e2 100644
--- a/resources/js/components/episodes/Item.jsx
+++ b/resources/js/components/episodes/Item.jsx
@@ -30,6 +30,7 @@ const Item = ({ episode }) => {
 		'p-2',
 		'border',
 		'rounded',
+		`episode-${episode.id}`
 	];
 	if (isActive(episode)) {
 		classNames.push('is-active');
@@ -161,6 +162,7 @@ Item.propTypes = {
 			name: PropTypes.string,
 			title: PropTypes.string,
 		}),
+		id: PropTypes.number,
 		players: PropTypes.arrayOf(PropTypes.shape({
 		})),
 		raceroom: PropTypes.string,
-- 
2.39.5