X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Frounds%2FList.js;h=5aa2a4c77eece85242122452edf11c6c7070c787;hb=13ffde5b2abcf831af9c794044350737066c5933;hp=928f7b97eac3bb4f5882ae0b35780f942abe1ba7;hpb=0f171dfffd9c0c2cc895c9f282c5f4550844cc5a;p=alttp.git

diff --git a/resources/js/components/rounds/List.js b/resources/js/components/rounds/List.js
index 928f7b9..5aa2a4c 100644
--- a/resources/js/components/rounds/List.js
+++ b/resources/js/components/rounds/List.js
@@ -4,29 +4,34 @@ import { Alert } from 'react-bootstrap';
 import { withTranslation } from 'react-i18next';
 
 import Item from './Item';
+import LoadMore from './LoadMore';
 import i18n from '../../i18n';
 
 const List = ({
+	loadMore,
 	rounds,
 	tournament,
-}) => rounds && rounds.length ?
+}) => rounds && rounds.length ? <>
 	<ol className="rounds">
-		{rounds.map((round, index) =>
+		{rounds.map(round =>
 			<Item
-				index={index}
 				key={round.id}
 				round={round}
 				tournament={tournament}
 			/>
 		)}
 	</ol>
-:
+	{loadMore ?
+		<LoadMore loadMore={loadMore} />
+	: null}
+</> :
 	<Alert variant="info">
 		{i18n.t('rounds.empty')}
 	</Alert>
 ;
 
 List.propTypes = {
+	loadMore: PropTypes.func,
 	rounds: PropTypes.arrayOf(PropTypes.shape({
 		id: PropTypes.number,
 	})),