1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { useTranslation } from 'react-i18next';
5 import Players from './Players';
7 const Item = ({ episode }) => {
8 const { t } = useTranslation();
10 return <div className="episodes-item d-flex align-items-start my-3 p-2 border rounded">
11 <div className="episode-start me-3 fs-4 text-end">
12 {t('schedule.startTime', { date: new Date(episode.start) })}
14 <div className="flex-fill">
16 <div className="episode-title fs-4">
21 <div className="episode-event">
25 <Players players={episode.players} />
31 episode: PropTypes.shape({
32 event: PropTypes.shape({
33 title: PropTypes.string,
35 players: PropTypes.arrayOf(PropTypes.shape({
37 start: PropTypes.string,
38 title: PropTypes.string,