X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fepisodes%2FItem.js;h=3545e7734586a1f3006ad761621df9061fb15d10;hb=ff1f7c9fc9660ec838fb626cf6543201531020bb;hp=71fe49ed5c6875eb00d34848143160a75576fc02;hpb=638802eaf20d636c16d7ce337ace508708705f2c;p=alttp.git diff --git a/resources/js/components/episodes/Item.js b/resources/js/components/episodes/Item.js index 71fe49e..3545e77 100644 --- a/resources/js/components/episodes/Item.js +++ b/resources/js/components/episodes/Item.js @@ -9,7 +9,7 @@ import Crew from './Crew'; import MultiLink from './MultiLink'; import Players from './Players'; import Icon from '../common/Icon'; -import { canRestreamEpisode } from '../../helpers/permissions'; +import { canApplyForEpisode, canRestreamEpisode } from '../../helpers/permissions'; import { withUser } from '../../helpers/UserContext'; const isActive = episode => { @@ -20,13 +20,13 @@ const isActive = episode => { return start.isBefore(now) && end.isAfter(now); }; -const Item = ({ episode, onAddRestream, onEditRestream, user }) => { +const Item = ({ episode, onAddRestream, onApply, onEditRestream, user }) => { const { t } = useTranslation(); const classNames = [ 'episodes-item', 'd-flex', - 'align-items-start', + 'align-items-stretch', 'my-3', 'p-2', 'border', @@ -36,14 +36,23 @@ const Item = ({ episode, onAddRestream, onEditRestream, user }) => { classNames.push('is-active'); } + const style = React.useMemo(() => { + if (episode.event && episode.event.corner) { + return { + backgroundImage: `url(${episode.event.corner})`, + }; + } + return null; + }, [episode.event && episode.event.corner]); + const hasChannels = episode.channels && episode.channels.length; const hasPlayers = episode.players && episode.players.length; - return