X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fepisodes%2FItem.js;fp=resources%2Fjs%2Fcomponents%2Fepisodes%2FItem.js;h=4fb466669dfdc2591b90fab9778f263cff4a4ab4;hb=87ab0a1f3f0abebe078ba3972794627153352081;hp=adb710916a088ba8730f89912ba3e643918a06d5;hpb=5a0be9cded90d70dd16a56d30b4804dbd830aa0f;p=alttp.git

diff --git a/resources/js/components/episodes/Item.js b/resources/js/components/episodes/Item.js
index adb7109..4fb4666 100644
--- a/resources/js/components/episodes/Item.js
+++ b/resources/js/components/episodes/Item.js
@@ -67,6 +67,20 @@ const Item = ({ episode, onAddRestream, onApply, onEditRestream, user }) => {
 				{!hasChannels && hasPlayers ?
 					<MultiLink players={episode.players} />
 				: null}
+				{episode.raceroom ?
+					<div>
+						<Button
+							href={episode.raceroom}
+							target="_blank"
+							title={t('episodes.raceroom')}
+							variant="outline-secondary"
+						>
+							<Icon.RACETIME title="" />
+							{' '}
+							{t('episodes.raceroom')}
+						</Button>
+					</div>
+				: null}
 				{onAddRestream && canRestreamEpisode(user, episode) ?
 					<div>
 						<Button
@@ -123,6 +137,7 @@ Item.propTypes = {
 		}),
 		players: PropTypes.arrayOf(PropTypes.shape({
 		})),
+		raceroom: PropTypes.string,
 		start: PropTypes.string,
 		title: PropTypes.string,
 	}),