v0.55.0

src/DevMenu/ui/Augmentations.tsx

@@ -43,7 +43,7 @@ export function Augmentations(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Augmentations</h2>
+        <Typography>Augmentations</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Bladeburner.tsx

@@ -57,7 +57,7 @@ export function Bladeburner(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Bladeburner</h2>
+        <Typography>Bladeburner</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/CodingContracts.tsx

@@ -5,6 +5,7 @@ import AccordionSummary from "@mui/material/AccordionSummary";
 import AccordionDetails from "@mui/material/AccordionDetails";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 
+import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import Select, { SelectChangeEvent } from "@mui/material/Select";
 import MenuItem from "@mui/material/MenuItem";
@@ -27,7 +28,7 @@ export function CodingContracts(): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Coding Contracts</h2>
+        <Typography>Coding Contracts</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Companies.tsx

@@ -72,7 +72,7 @@ export function Companies(): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Companies</h2>
+        <Typography>Companies</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Corporation.tsx

@@ -70,7 +70,7 @@ export function Corporation(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Corporation</h2>
+        <Typography>Corporation</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Factions.tsx

@@ -100,7 +100,7 @@ export function Factions(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Factions</h2>
+        <Typography>Factions</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Gang.tsx

@@ -39,7 +39,7 @@ export function Gang(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Gang</h2>
+        <Typography>Gang</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/General.tsx

@@ -5,6 +5,7 @@ import AccordionSummary from "@mui/material/AccordionSummary";
 import AccordionDetails from "@mui/material/AccordionDetails";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 
+import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import { Money } from "../../ui/React/Money";
 import { IPlayer } from "../../PersonObjects/IPlayer";
@@ -45,7 +46,7 @@ export function General(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>General</h2>
+        <Typography>General</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <Button onClick={addMoney(1e6)}>

src/DevMenu/ui/Programs.tsx

@@ -38,7 +38,7 @@ export function Programs(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Programs</h2>
+        <Typography>Programs</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Servers.tsx

@@ -78,7 +78,7 @@ export function Servers(): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Servers</h2>
+        <Typography>Servers</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Sleeves.tsx

@@ -41,7 +41,7 @@ export function Sleeves(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Sleeves</h2>
+        <Typography>Sleeves</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/SourceFiles.tsx

@@ -54,7 +54,7 @@ export function SourceFiles(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Source-Files</h2>
+        <Typography>Source-Files</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/Stats.tsx

@@ -139,7 +139,7 @@ export function Stats(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Experience / Stats</h2>
+        <Typography>Experience / Stats</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/StockMarket.tsx

@@ -83,7 +83,7 @@ export function StockMarket(): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Stock Market</h2>
+        <Typography>Stock Market</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <table>

src/DevMenu/ui/TimeSkip.tsx

@@ -5,6 +5,7 @@ import AccordionSummary from "@mui/material/AccordionSummary";
 import AccordionDetails from "@mui/material/AccordionDetails";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 
+import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import { IPlayer } from "../../PersonObjects/IPlayer";
 import { saveObject } from "../../SaveObject";
@@ -30,7 +31,7 @@ export function TimeSkip(props: IProps): React.ReactElement {
   return (
     <Accordion TransitionProps={{ unmountOnExit: true }}>
       <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-        <h2>Time skip</h2>
+        <Typography>Time skip</Typography>
       </AccordionSummary>
       <AccordionDetails>
         <Button onClick={timeskip(60 * 1000)}>1 minute</Button>