import { useTranslation } from 'react-i18next';
import Channels from './Channels';
+import Crew from './Crew';
+import MultiLink from './MultiLink';
import Players from './Players';
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);
};
classNames.push('is-active');
}
+ const hasChannels = episode.channels && episode.channels.length;
+ const hasPlayers = episode.players && episode.players.length;
+
return <div className={classNames.join(' ')}>
<div className="episode-start me-3 fs-4 text-end">
{t('schedule.startTime', { date: new Date(episode.start) })}
: null}
</div>
<div>
- {episode.channels ?
+ {hasChannels ?
<Channels channels={episode.channels} />
: null}
+ {!hasChannels && hasPlayers ?
+ <MultiLink players={episode.players} />
+ : null}
</div>
</div>
- {episode.players ?
+ {hasPlayers ?
<Players players={episode.players} />
: null}
+ {episode.crew && episode.crew.length ?
+ <Crew crew={episode.crew} />
+ : null}
</div>
</div>;
};
episode: PropTypes.shape({
channels: PropTypes.arrayOf(PropTypes.shape({
})),
+ crew: PropTypes.arrayOf(PropTypes.shape({
+ })),
event: PropTypes.shape({
title: PropTypes.string,
}),