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,
</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">