removing some of the classes

src/BitNode/ui/BitFlumeModal.tsx

@@ -0,0 +1,33 @@
+import React, { useState, useEffect } from "react";
+import { Modal } from "../../ui/React/Modal";
+import { use } from "../../ui/Context";
+import { EventEmitter } from "../../utils/EventEmitter";
+import Typography from "@mui/material/Typography";
+import Button from "@mui/material/Button";
+
+export const BitFlumeEvent = new EventEmitter<[]>();
+
+export function BitFlumeModal(): React.ReactElement {
+  const router = use.Router();
+  const [open, setOpen] = useState(false);
+  function flume(): void {
+    router.toBitVerse(true, false);
+    setOpen(false);
+  }
+
+  useEffect(() => BitFlumeEvent.subscribe(() => setOpen(true)), []);
+
+  return (
+    <Modal open={open} onClose={() => setOpen(false)}>
+      <Typography>
+        WARNING: USING THIS PROGRAM WILL CAUSE YOU TO LOSE ALL OF YOUR PROGRESS ON THE CURRENT BITNODE.
+        <br />
+        <br />
+        Do you want to travel to the BitNode Nexus? This allows you to reset the current BitNode and select a new one.
+      </Typography>
+      <br />
+      <br />
+      <Button onClick={flume}>Travel to the BitVerse</Button>
+    </Modal>
+  );
+}

src/BitNode/ui/BitFlumePopup.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-import { IPlayer } from "../../PersonObjects/IPlayer";
-import { IRouter } from "../../ui/Router";
-import { removePopup } from "../../ui/React/createPopup";
-
-interface IProps {
-  player: IPlayer;
-  router: IRouter;
-  popupId: string;
-}
-
-export function BitFlumePopup(props: IProps): React.ReactElement {
-  function flume(): void {
-    props.router.toBitVerse(true, false);
-    removePopup(props.popupId);
-  }
-  return (
-    <>
-      WARNING: USING THIS PROGRAM WILL CAUSE YOU TO LOSE ALL OF YOUR PROGRESS ON THE CURRENT BITNODE.
-      <br />
-      <br />
-      Do you want to travel to the BitNode Nexus? This allows you to reset the current BitNode and select a new one.
-      <br />
-      <br />
-      <button className="std-button" onClick={flume}>
-        Travel to the BitVerse
-      </button>
-    </>
-  );
-}

src/BitNode/ui/BitverseRoot.tsx

@@ -150,7 +150,7 @@ export function BitverseRoot(props: IProps): React.ReactElement {
 
   return (
     // prettier-ignore
-    <div className="noselect">
+    <>
       <Typography sx={{lineHeight: '1em',whiteSpace: 'pre'}}>                          O                          </Typography>
       <Typography sx={{lineHeight: '1em',whiteSpace: 'pre'}}>             |  O  O      |      O  O  |             </Typography>
       <Typography sx={{lineHeight: '1em',whiteSpace: 'pre'}}>        O    |  | /     __|       \ |  |    O        </Typography>
@@ -203,7 +203,7 @@ export function BitverseRoot(props: IProps): React.ReactElement {
         ">  ",
         "> (Enter a new BitNode using the image above)",
       ]} />
-    </div>
+    </>
   );
 
   return <></>;