import { Modal } from 'react-bootstrap';
import { useTranslation } from 'react-i18next';
-import Form from './Form';
+import Loading from '../common/Loading';
import LanguageSwitcher from '../../app/LanguageSwitcher';
+const Form = React.lazy(() => import('./Form'));
+
const Dialog = ({
content,
language,
<LanguageSwitcher />
</div>
</Modal.Header>
- <Form
- content={content}
- language={language}
- onCancel={onHide}
- onSubmit={onSubmit}
- />
+ <React.Suspense fallback={<Loading />}>
+ <Form
+ content={content}
+ language={language}
+ onCancel={onHide}
+ onSubmit={onSubmit}
+ />
+ </React.Suspense>
</Modal>;
};