X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftournament%2FScoreChartDialog.js;h=2a04d1d049b7dc8032610ff47147b8f06e13fc49;hb=237ebc69c5eb4fbfe226c4dcdc9711d7b18ddcd2;hp=958fcedea052786ca13f8d43d7e53ec0e1e03819;hpb=68d65789e2b64cd32d778c1e69a346521d2e38d6;p=alttp.git

diff --git a/resources/js/components/tournament/ScoreChartDialog.js b/resources/js/components/tournament/ScoreChartDialog.js
index 958fced..2a04d1d 100644
--- a/resources/js/components/tournament/ScoreChartDialog.js
+++ b/resources/js/components/tournament/ScoreChartDialog.js
@@ -3,9 +3,11 @@ import React from 'react';
 import { Button, Modal } from 'react-bootstrap';
 import { withTranslation } from 'react-i18next';
 
-import ScoreChart from './ScoreChart';
+import Loading from '../common/Loading';
 import i18n from '../../i18n';
 
+const ScoreChart = React.lazy(() => import('./ScoreChart'));
+
 const ScoreChartDialog = ({
 	onHide,
 	show,
@@ -18,7 +20,9 @@ const ScoreChartDialog = ({
 		</Modal.Title>
 	</Modal.Header>
 	<Modal.Body style={{ height: '80vh' }}>
-		<ScoreChart tournament={tournament} />
+		<React.Suspense fallback={<Loading />}>
+			<ScoreChart tournament={tournament} />
+		</React.Suspense>
 	</Modal.Body>
 	<Modal.Footer>
 		<Button onClick={onHide} variant="secondary">