X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fresults%2FList.js;h=911b6a53ba5526a70cb9073963190e6d0883949e;hb=249e06be11d0f7778d99956c87d4f0a8ac7e69f7;hp=8775529493d6d9909ff1cf3fd9674b41ca62edb7;hpb=0f171dfffd9c0c2cc895c9f282c5f4550844cc5a;p=alttp.git

diff --git a/resources/js/components/results/List.js b/resources/js/components/results/List.js
index 8775529..911b6a5 100644
--- a/resources/js/components/results/List.js
+++ b/resources/js/components/results/List.js
@@ -2,26 +2,56 @@ import PropTypes from 'prop-types';
 import React from 'react';
 
 import Item from './Item';
-import { sortByResult } from '../../helpers/Participant';
+import { sortByFinished, sortByResult } from '../../helpers/Participant';
+import { maySeeResults } from '../../helpers/permissions';
+import { getRunners } from '../../helpers/Tournament';
+import { compareResult } from '../../helpers/Result';
+import { useUser } from '../../hooks/user';
 
-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}
-			tournament={tournament}
-		/>
-	)}
-</div>;
+const List = ({ round, tournament }) => {
+	const { user } = useUser();
+
+	if (tournament.type === 'open-async') {
+		const results = maySeeResults(user, tournament, round)
+			? (round.results || []).sort(compareResult)
+			: round.results || [];
+		return <div className="results d-flex flex-wrap">
+			{results.map(result =>
+				<Item
+					key={result.id}
+					round={round}
+					tournament={tournament}
+					user={result.user}
+				/>
+			)}
+		</div>;
+	}
+	const runners = maySeeResults(user, tournament, round)
+		? sortByResult(getRunners(tournament), round)
+		: sortByFinished(getRunners(tournament), round);
+	return <div className="results d-flex flex-wrap">
+		{runners.map(participant =>
+			<Item
+				key={participant.id}
+				round={round}
+				tournament={tournament}
+				user={participant.user}
+			/>
+		)}
+	</div>;
+};
 
 List.propTypes = {
 	round: PropTypes.shape({
+		results: PropTypes.arrayOf(PropTypes.shape({
+		})),
 	}),
 	tournament: PropTypes.shape({
 		participants: PropTypes.arrayOf(PropTypes.shape({
 		})),
+		type: PropTypes.string,
+		users: PropTypes.arrayOf(PropTypes.shape({
+		})),
 	}),
 };