From 0419118fb12ee3a0798282899bc47585438c0859 Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Mon, 18 Oct 2021 14:15:43 -0400
Subject: [PATCH] fix missing table body

---
 src/ui/React/CharacterOverview.tsx | 273 +++++++++++++++--------------
 1 file changed, 138 insertions(+), 135 deletions(-)

diff --git a/src/ui/React/CharacterOverview.tsx b/src/ui/React/CharacterOverview.tsx
index 7ac51d71c..ff6bb5ccb 100644
--- a/src/ui/React/CharacterOverview.tsx
+++ b/src/ui/React/CharacterOverview.tsx
@@ -8,6 +8,7 @@ import { numeralWrapper } from "../../ui/numeralFormat";
 import { Reputation } from "./Reputation";
 
 import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
 import TableCell from "@mui/material/TableCell";
 import TableRow from "@mui/material/TableRow";
 import Typography from "@mui/material/Typography";
@@ -148,149 +149,151 @@ export function CharacterOverview({ save }: IProps): React.ReactElement {
   const classes = useStyles();
   return (
     <Table sx={{ display: "block", m: 1 }}>
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.hp }}>HP&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.hp }}>
-            {numeralWrapper.formatHp(player.hp)}&nbsp;/&nbsp;{numeralWrapper.formatHp(player.max_hp)}
-          </Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography id="overview-hp-hook" classes={{ root: classes.hp }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
+      <TableBody>
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.hp }}>HP&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.hp }}>
+              {numeralWrapper.formatHp(player.hp)}&nbsp;/&nbsp;{numeralWrapper.formatHp(player.max_hp)}
+            </Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography id="overview-hp-hook" classes={{ root: classes.hp }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
 
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.money }}>Money&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.money }}>
-            {numeralWrapper.formatMoney(player.money.toNumber())}
-          </Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography id="overview-money-hook" classes={{ root: classes.money }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.money }}>Money&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.money }}>
+              {numeralWrapper.formatMoney(player.money.toNumber())}
+            </Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography id="overview-money-hook" classes={{ root: classes.money }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
 
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cell }}>
-          <Typography classes={{ root: classes.hack }}>Hack&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cell }}>
-          <Typography classes={{ root: classes.hack }}>{numeralWrapper.formatSkill(player.hacking_skill)}</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cell }}>
-          <Typography id="overview-hack-hook" classes={{ root: classes.hack }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cell }}>
+            <Typography classes={{ root: classes.hack }}>Hack&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cell }}>
+            <Typography classes={{ root: classes.hack }}>{numeralWrapper.formatSkill(player.hacking_skill)}</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cell }}>
+            <Typography id="overview-hack-hook" classes={{ root: classes.hack }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
 
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.combat }}>Str&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.strength)}</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography id="overview-str-hook" classes={{ root: classes.combat }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.combat }}>Str&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.strength)}</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography id="overview-str-hook" classes={{ root: classes.combat }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
 
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.combat }}>Def&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.defense)}</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography id="overview-def-hook" classes={{ root: classes.combat }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.combat }}>Def&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.defense)}</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography id="overview-def-hook" classes={{ root: classes.combat }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
 
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.combat }}>Dex&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.dexterity)}</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography id="overview-dex-hook" classes={{ root: classes.combat }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cell }}>
-          <Typography classes={{ root: classes.combat }}>Agi&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cell }}>
-          <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.agility)}</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cell }}>
-          <Typography id="overview-agi-hook" classes={{ root: classes.combat }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.combat }}>Dex&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.dexterity)}</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography id="overview-dex-hook" classes={{ root: classes.combat }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cell }}>
+            <Typography classes={{ root: classes.combat }}>Agi&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cell }}>
+            <Typography classes={{ root: classes.combat }}>{numeralWrapper.formatSkill(player.agility)}</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cell }}>
+            <Typography id="overview-agi-hook" classes={{ root: classes.combat }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
 
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.cha }}>Cha&nbsp;</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography classes={{ root: classes.cha }}>{numeralWrapper.formatSkill(player.charisma)}</Typography>
-        </TableCell>
-        <TableCell align="right" classes={{ root: classes.cellNone }}>
-          <Typography id="overview-cha-hook" classes={{ root: classes.cha }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
-      <Intelligence />
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.cha }}>Cha&nbsp;</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography classes={{ root: classes.cha }}>{numeralWrapper.formatSkill(player.charisma)}</Typography>
+          </TableCell>
+          <TableCell align="right" classes={{ root: classes.cellNone }}>
+            <Typography id="overview-cha-hook" classes={{ root: classes.cha }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
+        <Intelligence />
 
-      <TableRow>
-        <TableCell component="th" scope="row" classes={{ root: classes.cell }}>
-          <Typography id="overview-extra-hook-0" classes={{ root: classes.hack }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-        <TableCell component="th" scope="row" align="right" classes={{ root: classes.cell }}>
-          <Typography id="overview-extra-hook-1" classes={{ root: classes.hack }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-        <TableCell component="th" scope="row" align="right" classes={{ root: classes.cell }}>
-          <Typography id="overview-extra-hook-2" classes={{ root: classes.hack }}>
-            {/*Hook for player scripts*/}
-          </Typography>
-        </TableCell>
-      </TableRow>
-      <Work />
-      <Bladeburner />
+        <TableRow>
+          <TableCell component="th" scope="row" classes={{ root: classes.cell }}>
+            <Typography id="overview-extra-hook-0" classes={{ root: classes.hack }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+          <TableCell component="th" scope="row" align="right" classes={{ root: classes.cell }}>
+            <Typography id="overview-extra-hook-1" classes={{ root: classes.hack }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+          <TableCell component="th" scope="row" align="right" classes={{ root: classes.cell }}>
+            <Typography id="overview-extra-hook-2" classes={{ root: classes.hack }}>
+              {/*Hook for player scripts*/}
+            </Typography>
+          </TableCell>
+        </TableRow>
+        <Work />
+        <Bladeburner />
 
-      <TableRow>
-        <TableCell align="center" colSpan={2} classes={{ root: classes.cellNone }}>
-          <IconButton onClick={save}>
-            <SaveIcon color={Settings.AutosaveInterval !== 0 ? "primary" : "error"} />
-          </IconButton>
-        </TableCell>
-      </TableRow>
+        <TableRow>
+          <TableCell align="center" colSpan={2} classes={{ root: classes.cellNone }}>
+            <IconButton onClick={save}>
+              <SaveIcon color={Settings.AutosaveInterval !== 0 ? "primary" : "error"} />
+            </IconButton>
+          </TableCell>
+        </TableRow>
+      </TableBody>
     </Table>
   );
 }