X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fepisodes%2FItem.js;h=5f43c1248b15fb1df75f6c39477f7dfe223baaf7;hb=9b4ede72755930de6b0a39bf6f142e598c043844;hp=5c6982972a6dbd57ca176bdfe0b296abb889d7ba;hpb=4dc1bbd62acf0c18100f4276d26fc87be8968f28;p=alttp.git diff --git a/resources/js/components/episodes/Item.js b/resources/js/components/episodes/Item.js index 5c69829..5f43c12 100644 --- a/resources/js/components/episodes/Item.js +++ b/resources/js/components/episodes/Item.js @@ -1,12 +1,16 @@ import moment from 'moment'; import PropTypes from 'prop-types'; import React from 'react'; +import { Button } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; import Channels from './Channels'; import Crew from './Crew'; import MultiLink from './MultiLink'; import Players from './Players'; +import Icon from '../common/Icon'; +import { canRestreamEpisode } from '../../helpers/permissions'; +import { withUser } from '../../helpers/UserContext'; const isActive = episode => { if (!episode.start) return false; @@ -16,7 +20,7 @@ const isActive = episode => { return start.isBefore(now) && end.isAfter(now); }; -const Item = ({ episode }) => { +const Item = ({ episode, onAddRestream, onEditRestream, user }) => { const { t } = useTranslation(); const classNames = [ @@ -32,10 +36,19 @@ const Item = ({ episode }) => { 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