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

diff --git a/resources/js/components/episodes/Item.js b/resources/js/components/episodes/Item.js
index 4fb4666..612c5ea 100644
--- a/resources/js/components/episodes/Item.js
+++ b/resources/js/components/episodes/Item.js
@@ -10,11 +10,13 @@ import MultiLink from './MultiLink';
 import Players from './Players';
 import Icon from '../common/Icon';
 import { hasPassed, hasSGRestream, isActive } from '../../helpers/Episode';
+import { getLink } from '../../helpers/Event';
 import { canApplyForEpisode, canRestreamEpisode } from '../../helpers/permissions';
-import { withUser } from '../../helpers/UserContext';
+import { useUser } from '../../hooks/user';
 
-const Item = ({ episode, onAddRestream, onApply, onEditRestream, user }) => {
+const Item = ({ episode, onAddRestream, onApply, onEditRestream }) => {
 	const { t } = useTranslation();
+	const { user } = useUser();
 
 	const classNames = [
 		'episodes-item',
@@ -110,7 +112,7 @@ const Item = ({ episode, onAddRestream, onApply, onEditRestream, user }) => {
 			{episode.event ?
 				<div className="episode-event mt-auto">
 					{episode.event.description_id ?
-						<Link className="event-link" to={`/events/${episode.event.name}`}>
+						<Link className="event-link" to={getLink(episode.event)}>
 							{episode.event.title}
 						</Link>
 					:
@@ -144,8 +146,6 @@ Item.propTypes = {
 	onAddRestream: PropTypes.func,
 	onApply: PropTypes.func,
 	onEditRestream: PropTypes.func,
-	user: PropTypes.shape({
-	}),
 };
 
-export default withUser(Item);
+export default Item;