import React from 'react';
import Item from './Item';
+import { sortByResult } from '../../helpers/Participant';
+import { getRunners } from '../../helpers/Tournament';
-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(getRunners(tournament), round).map(participant =>
<Item
key={participant.id}
participant={participant}