feat(web): user one-time password preferences

This allows administrators to configure a list of Time-based One-Time Password parameters that users can pick from the web UI during registrations.

Signed-off-by: James Elliott <james-d-elliott@users.noreply.github.com>

1 files changed, 22 insertions, 0 deletions

diff --git a/web/src/components/ComponentOrLoading.tsx b/web/src/components/ComponentOrLoading.tsx
new file mode 100644
index 000000000..2ff6948cf
--- /dev/null
+++ b/web/src/components/ComponentOrLoading.tsx
@@ -0,0 +1,22 @@
+import React, { Fragment, ReactNode } from "react";
+
+import LoadingPage from "@views/LoadingPage/LoadingPage";
+
+export interface Props {
+    ready: boolean;
+
+    children: ReactNode;
+}
+
+const ComponentOrLoading = function (props: Props) {
+    return (
+        <Fragment>
+            <div className={props.ready ? "hidden" : ""}>
+                <LoadingPage />
+            </div>
+            {props.ready ? props.children : null}
+        </Fragment>
+    );
+};
+
+export default ComponentOrLoading;