X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fepisodes%2FItem.js;h=3545e7734586a1f3006ad761621df9061fb15d10;hb=b98dac4d596e4bed9a5f96526aa66ea8512ad2ab;hp=3a3afa44f8c548b38ba02ebe97d5045a22c65ce7;hpb=15132749249f6418fd5695547b5c323a0ad10939;p=alttp.git diff --git a/resources/js/components/episodes/Item.js b/resources/js/components/episodes/Item.js index 3a3afa4..3545e77 100644 --- a/resources/js/components/episodes/Item.js +++ b/resources/js/components/episodes/Item.js @@ -1,26 +1,32 @@ 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 { canApplyForEpisode, canRestreamEpisode } from '../../helpers/permissions'; +import { withUser } from '../../helpers/UserContext'; const isActive = episode => { if (!episode.start) return false; const now = moment(); - const start = moment(episode.start); - const end = moment(start).add(episode.estimate, 'seconds'); + const start = moment(episode.start).subtract(10, 'minutes'); + const end = moment(episode.start).add(episode.estimate, 'seconds'); return start.isBefore(now) && end.isAfter(now); }; -const Item = ({ episode }) => { +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', @@ -30,11 +36,23 @@ const Item = ({ episode }) => { classNames.push('is-active'); } - return