event details

[alttp.git] / resources / js / components / episodes / Item.js

diff --git a/resources/js/components/episodes/Item.js b/resources/js/components/episodes/Item.js
index 3545e7734586a1f3006ad761621df9061fb15d10..d7c4bab4ff7d68245e87ff84f5a3cabe243fb554 100644 (file)
--- a/resources/js/components/episodes/Item.js
+++ b/resources/js/components/episodes/Item.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
 
 import Channels from './Channels';
 import Crew from './Crew';
@@ -55,9 +56,9 @@ const Item = ({ episode, onAddRestream, onApply, onEditRestream, user }) => {
                <div className="d-flex flex-column flex-fill">
                        <div className="d-flex align-items-start justify-content-between">
                                <div>
-                                       {episode.title ?
+                                       {episode.title || episode.event ?
                                                <div className="episode-title fs-4">
-                                                       {episode.title}
+                                                       {episode.title || episode.event.title}
                                                </div>
                                        : null}
                                        {episode.comment ?
@@ -102,7 +103,9 @@ const Item = ({ episode, onAddRestream, onApply, onEditRestream, user }) => {
                        : null}
                        {episode.event ?
                                <div className="episode-event mt-auto">
-                                       {episode.event.title}
+                                       <Link className="event-link" to={`/events/${episode.event.name}`}>
+                                               {episode.event.title}
+                                       </Link>
                                </div>
                        : null}
                </div>
@@ -118,6 +121,7 @@ Item.propTypes = {
                })),
                event: PropTypes.shape({
                        corner: PropTypes.string,
+                       name: PropTypes.string,
                        title: PropTypes.string,
                }),
                players: PropTypes.arrayOf(PropTypes.shape({