Improve ScriptEditor responsiveness

src/ui/LoadingScreen.tsx

@@ -2,10 +2,6 @@ import React, { useState, useEffect } from "react";
 import CircularProgress from "@mui/material/CircularProgress";
 import Typography from "@mui/material/Typography";
 import Grid from "@mui/material/Grid";
-import Box from "@mui/material/Box";
-import { Theme } from "@mui/material/styles";
-import makeStyles from "@mui/styles/makeStyles";
-import createStyles from "@mui/styles/createStyles";
 
 import { Terminal } from "../Terminal";
 import { load } from "../db";
@@ -18,16 +14,7 @@ import { ActivateRecoveryMode } from "./React/RecoveryRoot";
 import { hash } from "../hash/hash";
 import { pushGameReady } from "../Electron";
 
-const useStyles = makeStyles((theme: Theme) =>
-  createStyles({
-    root: {
-      backgroundColor: theme.colors.backgroundprimary,
-    },
-  }),
-);
-
 export function LoadingScreen(): React.ReactElement {
-  const classes = useStyles();
   const [show, setShow] = useState(false);
   const [loaded, setLoaded] = useState(false);
 
@@ -69,27 +56,23 @@ export function LoadingScreen(): React.ReactElement {
     doLoad();
   }, []);
 
-  return (
-    <Box className={classes.root}>
-      {loaded ? (
-        <GameRoot terminal={Terminal} engine={Engine} player={Player} />
-      ) : (
-        <Grid container direction="column" justifyContent="center" alignItems="center" style={{ minHeight: "100vh" }}>
-          <Grid item>
-            <CircularProgress size={150} color="primary" />
-          </Grid>
-          <Grid item>
-            <Typography variant="h3">Loading Bitburner {version}</Typography>
-          </Grid>
-          {show && (
-            <Grid item>
-              <Typography>
-                If the game fails to load, consider <a href="?noScripts">killing all scripts</a>
-              </Typography>
-            </Grid>
-          )}
+  return loaded ? (
+    <GameRoot terminal={Terminal} engine={Engine} player={Player} />
+  ) : (
+    <Grid container direction="column" justifyContent="center" alignItems="center" style={{ minHeight: "100vh" }}>
+      <Grid item>
+        <CircularProgress size={150} color="primary" />
+      </Grid>
+      <Grid item>
+        <Typography variant="h3">Loading Bitburner {version}</Typography>
+      </Grid>
+      {show && (
+        <Grid item>
+          <Typography>
+            If the game fails to load, consider <a href="?noScripts">killing all scripts</a>
+          </Typography>
         </Grid>
       )}
-    </Box>
+    </Grid>
   );
 }