mv element.io @types __mocks__/ debian docker module_system/ playwright res src test webapp Dockerfile .dockerignore .eslintignore .stylelintrc.cjs babel.config.cjs recorder-worklet-loader.cjs .modernizr.json components.json config.json config.sample.json package.json project.json tsconfig.json tsconfig.module_system.json jest.config.ts playwright.config.ts webpack.config.ts build_config.sample.yaml apps/web/

mkdir apps/web/scripts mv scripts/{cleanup.sh,ci_package.sh,copy-res.ts,deploy.py,package.sh} apps/web/scripts And a couple of gitignore tweaks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-02-24 15:43:58 +00:00
parent e7509c92a1
commit 91a3cb03c1
3408 changed files with 28 additions and 32 deletions
@@ -0,0 +1,52 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2015-2021 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { type ReactNode, Suspense } from "react";
+
+import { _t } from "./languageHandler";
+import BaseDialog from "./components/views/dialogs/BaseDialog";
+import DialogButtons from "./components/views/elements/DialogButtons";
+import Spinner from "./components/views/elements/Spinner";
+
+interface IProps {
+    onFinished(): void;
+    children: ReactNode;
+}
+
+interface IState {
+    error?: Error;
+}
+
+/**
+ * Wrap an asynchronous loader function with a react component which shows a
+ * spinner until the real component loads.
+ */
+export default class AsyncWrapper extends React.Component<IProps, IState> {
+    public static getDerivedStateFromError(error: Error): IState {
+        return { error };
+    }
+
+    public state: IState = {};
+
+    public render(): React.ReactNode {
+        if (this.state.error) {
+            return (
+                <BaseDialog onFinished={this.props.onFinished} title={_t("common|error")}>
+                    {_t("failed_load_async_component")}
+                    <DialogButtons
+                        primaryButton={_t("action|dismiss")}
+                        onPrimaryButtonClick={this.props.onFinished}
+                        hasCancel={false}
+                    />
+                </BaseDialog>
+            );
+        }
+
+        return <Suspense fallback={<Spinner />}>{this.props.children}</Suspense>;
+    }
+}