X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Ftechniques%2FDialog.js;h=eefa9d7fba92bd1599cbf7cbd65fdf7316a764aa;hb=237ebc69c5eb4fbfe226c4dcdc9711d7b18ddcd2;hp=96eaba5bea842bf2d8155927b7739084caf972d1;hpb=7c6716036321ba09846785720e81459aad55a323;p=alttp.git

diff --git a/resources/js/components/techniques/Dialog.js b/resources/js/components/techniques/Dialog.js
index 96eaba5..eefa9d7 100644
--- a/resources/js/components/techniques/Dialog.js
+++ b/resources/js/components/techniques/Dialog.js
@@ -3,8 +3,10 @@ import React from 'react';
 import { Modal } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 
-import Form from './Form';
-import LanguageSwitcher from '../app/LanguageSwitcher';
+import Loading from '../common/Loading';
+import LanguageSwitcher from '../../app/LanguageSwitcher';
+
+const Form = React.lazy(() => import('./Form'));
 
 const Dialog = ({
 	content,
@@ -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>;
 };