import PropTypes from 'prop-types';
import React from 'react';
+import { Button } from 'react-bootstrap';
import { withTranslation } from 'react-i18next';
import List from '../results/List';
<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) ?
- <ReportButton
- participant={findParticipant(tournament, user)}
- round={round}
- tournament={tournament}
- />
+ <p className="report">
+ <ReportButton
+ participant={findParticipant(tournament, user)}
+ round={round}
+ tournament={tournament}
+ />
+ </p>
: null}
</div>
<List round={round} tournament={tournament} />
Item.propTypes = {
round: PropTypes.shape({
created_at: PropTypes.string,
+ seed: PropTypes.string,
}),
tournament: PropTypes.shape({
participants: PropTypes.arrayOf(PropTypes.shape({