moved a bunch of files

src/ui/React/DialogBox.tsx

@@ -0,0 +1,43 @@
+import { createPopup } from "./createPopup";
+import { getRandomInt } from "../../utils/helpers/getRandomInt";
+
+import React from "react";
+
+interface IProps {
+  content: JSX.Element;
+}
+
+function MessagePopup(props: IProps): React.ReactElement {
+  return <>{props.content}</>;
+}
+
+export function dialogBoxCreate(txt: string | JSX.Element, preformatted = false): void {
+  const popupId =
+    `popup-` +
+    Array.from(Array(16))
+      .map(() => `${getRandomInt(0, 9)}`)
+      .join("");
+  if (typeof txt === "string") {
+    if (preformatted) {
+      // For text files as they are often computed data that
+      // shouldn't be wrapped and should retain tabstops.
+      createPopup(popupId, MessagePopup, {
+        content: <pre dangerouslySetInnerHTML={{ __html: txt }} />,
+      });
+    } else {
+      createPopup(popupId, MessagePopup, {
+        content: (
+          <p
+            dangerouslySetInnerHTML={{
+              __html: txt.replace(/(?:\r\n|\r|\n)/g, "<br />"),
+            }}
+          />
+        ),
+      });
+    }
+  } else {
+    createPopup(popupId, MessagePopup, {
+      content: txt,
+    });
+  }
+}