X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftechniques%2FDialog.js;h=eefa9d7fba92bd1599cbf7cbd65fdf7316a764aa;hb=237ebc69c5eb4fbfe226c4dcdc9711d7b18ddcd2;hp=b3181e2913a4aa99b20b30e0cba295bd6230e5e1;hpb=78234fb1bc10eae96a6fa3b0b613154b20ff49a0;p=alttp.git

diff --git a/resources/js/components/techniques/Dialog.js b/resources/js/components/techniques/Dialog.js
index b3181e2..eefa9d7 100644
--- a/resources/js/components/techniques/Dialog.js
+++ b/resources/js/components/techniques/Dialog.js
@@ -3,9 +3,11 @@ import React from 'react';
 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,
@@ -24,12 +26,14 @@ const Dialog = ({
 				<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>;
 };