import { withTranslation } from 'react-i18next';
import List from '../results/List';
+import ReportButton from '../results/ReportButton';
+import { isParticipant } from '../../helpers/permissions';
+import { findParticipant } from '../../helpers/Tournament';
+import { withUser } from '../../helpers/UserContext';
import i18n from '../../i18n';
-const Item = ({ round, tournament }) => <li className="round d-flex">
- <div className="date">
- {i18n.t('rounds.date', { date: new Date(round.created_at) })}
+const Item = ({
+ 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>
+ {isParticipant(user, tournament) ?
+ <ReportButton
+ participant={findParticipant(tournament, user)}
+ round={round}
+ tournament={tournament}
+ />
+ : null}
</div>
<List round={round} tournament={tournament} />
</li>;
participants: PropTypes.arrayOf(PropTypes.shape({
})),
}),
+ user: PropTypes.shape({
+ }),
};
-export default withTranslation()(Item);
+export default withTranslation()(withUser(Item));