X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fepisodes%2FItem.js;h=612c5ea85f6f76db13ca777f85a93fbebae70bf2;hb=e1ecc76c1c6d527502d6576ee19be06df2a15bb7;hp=2078c6dc6573bb74f554032ae67a3fdc0323cd3d;hpb=e2af94795e9d8e8a2eb8c272201b4e54ebb130f0;p=alttp.git diff --git a/resources/js/components/episodes/Item.js b/resources/js/components/episodes/Item.js index 2078c6d..612c5ea 100644 --- a/resources/js/components/episodes/Item.js +++ b/resources/js/components/episodes/Item.js @@ -1,27 +1,25 @@ -import moment from 'moment'; 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'; +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 { useUser } from '../../hooks/user'; -const isActive = episode => { - if (!episode.start) return false; - const now = moment(); - const start = moment(episode.start); - const end = moment(start).add(episode.estimate, 'seconds'); - return start.isBefore(now) && end.isAfter(now); -}; - -const Item = ({ episode }) => { +const Item = ({ episode, onAddRestream, onApply, onEditRestream }) => { const { t } = useTranslation(); + const { user } = useUser(); const classNames = [ 'episodes-item', - 'd-flex', - 'align-items-start', 'my-3', 'p-2', 'border', @@ -31,35 +29,96 @@ const Item = ({ episode }) => { classNames.push('is-active'); } - return