import PropTypes from 'prop-types';
import React from 'react';
-import { Button } from 'react-bootstrap';
import { withTranslation } from 'react-i18next';
import SeedButton from './SeedButton';
+import SeedCode from './SeedCode';
import List from '../results/List';
import ReportButton from '../results/ReportButton';
-import { maySetSeed, isParticipant } from '../../helpers/permissions';
+import { isParticipant } from '../../helpers/permissions';
import { findParticipant } from '../../helpers/Tournament';
import { withUser } from '../../helpers/UserContext';
import i18n from '../../i18n';
const Item = ({
+ index,
round,
tournament,
user,
}) =>
<li className="round d-flex">
<div className="info">
- <p className="date">{i18n.t('rounds.date', { date: new Date(round.created_at) })}</p>
+ <p className="date">
+ {`#${index + 1} `}
+ {i18n.t('rounds.date', { date: new Date(round.created_at) })}
+ </p>
<p className="seed">
+ {round.code ?
+ <SeedCode code={round.code} />
+ : null}
<SeedButton
round={round}
tournament={tournament}
</li>;
Item.propTypes = {
+ index: PropTypes.number,
round: PropTypes.shape({
+ code: PropTypes.arrayOf(PropTypes.string),
created_at: PropTypes.string,
seed: PropTypes.string,
}),