import React from 'react';
import { Modal } from 'react-bootstrap';
-import PngPlayer from './PngPlayer';
+import Loading from './Loading';
+
+const PngPlayer = React.lazy(() => import('./PngPlayer'));
const PngDialog = ({ onHide, show, src, title }) => <Modal onHide={onHide} show={show} size="lg">
{title ?
</Modal.Header>
: null}
<Modal.Body>
- <PngPlayer src={src} />
+ <React.Suspense fallback={<Loading />}>
+ <PngPlayer src={src} />
+ </React.Suspense>
</Modal.Body>
</Modal>;