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