import PropTypes from 'prop-types';
import React from 'react';
-import { Button } from 'react-bootstrap';
import { withTranslation } from 'react-i18next';
+import LockButton from './LockButton';
+import SeedButton from './SeedButton';
+import SeedCode from './SeedCode';
import List from '../results/List';
import ReportButton from '../results/ReportButton';
import { isParticipant } from '../../helpers/permissions';
}) =>
<li className="round d-flex">
<div className="info">
- <p className="date">{i18n.t('rounds.date', { date: new Date(round.created_at) })}</p>
- {round.seed ?
- <p className="seed">
- <Button href={round.seed} target="_blank" variant="primary">
- {i18n.t('rounds.seed')}
- </Button>
- </p>
- : null}
- {isParticipant(user, tournament) ?
+ <p className="date">
+ {round.number ? `#${round.number} ` : '#?'}
+ {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}
+ />
+ </p>
+ {!round.locked && isParticipant(user, tournament) ?
<p className="report">
<ReportButton
participant={findParticipant(tournament, user)}
/>
</p>
: null}
+ <LockButton round={round} tournament={tournament} />
</div>
<List round={round} tournament={tournament} />
</li>;
Item.propTypes = {
round: PropTypes.shape({
+ code: PropTypes.arrayOf(PropTypes.string),
created_at: PropTypes.string,
+ locked: PropTypes.bool,
+ number: PropTypes.number,
seed: PropTypes.string,
}),
tournament: PropTypes.shape({