import Item from './Item';
import { sortByResult } from '../../helpers/Participant';
+import { getRunners } from '../../helpers/Tournament';
-const List = ({ round, tournament }) => <div className="results d-flex">
- {sortByResult(tournament.participants, round).map(participant =>
+const List = ({ round, tournament }) => <div className="results d-flex flex-wrap">
+ {sortByResult(getRunners(tournament), round).map((participant, index) =>
<Item
+ index={index}
key={participant.id}
participant={participant}
round={round}