fix manual heart pieces

[alttp.git] / resources / js / components / techniques / Dialog.js

diff --git a/resources/js/components/techniques/Dialog.js b/resources/js/components/techniques/Dialog.js
index b3181e2913a4aa99b20b30e0cba295bd6230e5e1..eefa9d7fba92bd1599cbf7cbd65fdf7316a764aa 100644 (file)
--- 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>;
 };