React

frontend/src/components/LoadingPage.tsx

@@ -0,0 +1,27 @@
+import { Page } from "src/components";
+import { intl } from "src/locale";
+import styles from "./LoadingPage.module.css";
+
+interface Props {
+	label?: string;
+	noLogo?: boolean;
+}
+export function LoadingPage({ label, noLogo }: Props) {
+	return (
+		<Page className="page-center">
+			<div className="container-tight py-4">
+				<div className="empty text-center">
+					{noLogo ? null : (
+						<div className="mb-3">
+							<img className={styles.logo} src="/images/logo-no-text.svg" alt="" />
+						</div>
+					)}
+					<div className="text-secondary mb-3">{label || intl.formatMessage({ id: "loading" })}</div>
+					<div className="progress progress-sm">
+						<div className="progress-bar progress-bar-indeterminate" />
+					</div>
+				</div>
+			</div>
+		</Page>
+	);
+}