UI: Prevent terminal scroll on progress bar update (fix #94) (#544)

src/Terminal/ui/TerminalRoot.tsx

@@ -7,6 +7,8 @@ import { Theme } from "@mui/material/styles";
 import makeStyles from "@mui/styles/makeStyles";
 import createStyles from "@mui/styles/createStyles";
 import Box from "@mui/material/Box";
+import _ from "lodash";
+
 import { Output, Link, RawOutput } from "../OutputTypes";
 import { Terminal } from "../../Terminal";
 import { TerminalInput } from "./TerminalInput";
@@ -14,17 +16,9 @@ import { TerminalEvents, TerminalClearEvents } from "../TerminalEvents";
 import { BitFlumeModal } from "../../BitNode/ui/BitFlumeModal";
 import { CodingContractModal } from "../../ui/React/CodingContractModal";
 
-import _ from "lodash";
 import { ANSIITypography } from "../../ui/React/ANSIITypography";
 import { useRerender } from "../../ui/React/hooks";
-
-function ActionTimer(): React.ReactElement {
-  return (
-    <Typography color={"primary"} paragraph={false}>
-      {Terminal.getProgressText()}
-    </Typography>
-  );
-}
+import { TerminalActionTimer } from "./TerminalActionTimer";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -116,7 +110,7 @@ export function TerminalRoot(): React.ReactElement {
 
           {Terminal.action !== null && (
             <ListItem classes={{ root: classes.nopadding }}>
-              <ActionTimer />{" "}
+              <TerminalActionTimer />{" "}
             </ListItem>
           )}
         </List>