diff --git a/src/ui/React/CharacterOverview.tsx b/src/ui/React/CharacterOverview.tsx
index a19e604f6..db855eb20 100644
--- a/src/ui/React/CharacterOverview.tsx
+++ b/src/ui/React/CharacterOverview.tsx
@@ -18,6 +18,8 @@ import Typography from "@mui/material/Typography";
import Divider from "@mui/material/Divider";
import Button from "@mui/material/Button";
import Collapse from "@mui/material/Collapse";
+import Fab from "@mui/material/Fab";
+import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
import { colors } from "./Theme";
import { Settings } from "../../Settings/Settings";
@@ -94,10 +96,14 @@ const useStyles = makeStyles({
int: {
color: colors.int,
},
+ nobackground: {
+ backgroundColor: "#0000",
+ },
});
export function CharacterOverview({ player, save }: IProps): React.ReactElement {
const setRerender = useState(false)[1];
+ const [open, setOpen] = useState(true);
useEffect(() => {
const id = setInterval(() => setRerender((old) => !old), 600);
@@ -106,103 +112,120 @@ export function CharacterOverview({ player, save }: IProps): React.ReactElement
const classes = useStyles();
return (
-
-
-
-
-
-
- HP
-
-
-
- {numeralWrapper.formatHp(player.hp)} / {numeralWrapper.formatHp(player.max_hp)}
-
-
-
+ <>
+
+
+
+
+
+
+
+
+ HP
+
+
+
+ {numeralWrapper.formatHp(player.hp)} / {numeralWrapper.formatHp(player.max_hp)}
+
+
+
-
-
- Money
-
-
-
- {numeralWrapper.formatMoney(player.money.toNumber())}
-
-
-
+
+
+ Money
+
+
+
+ {numeralWrapper.formatMoney(player.money.toNumber())}
+
+
+
-
-
- Hack
-
-
-
- {numeralWrapper.formatSkill(player.hacking_skill)}
-
-
-
+
+
+ Hack
+
+
+
+ {numeralWrapper.formatSkill(player.hacking_skill)}
+
+
+
-
-
- Str
-
-
-
- {numeralWrapper.formatSkill(player.strength)}
-
-
-
+
+
+ Str
+
+
+
+ {numeralWrapper.formatSkill(player.strength)}
+
+
+
-
-
- Def
-
-
- {numeralWrapper.formatSkill(player.defense)}
-
-
+
+
+ Def
+
+
+
+ {numeralWrapper.formatSkill(player.defense)}
+
+
+
-
-
- Dex
-
-
-
- {numeralWrapper.formatSkill(player.dexterity)}
-
-
-
-
-
- Agi
-
-
- {numeralWrapper.formatSkill(player.agility)}
-
-
+
+
+ Dex
+
+
+
+ {numeralWrapper.formatSkill(player.dexterity)}
+
+
+
+
+
+ Agi
+
+
+
+ {numeralWrapper.formatSkill(player.agility)}
+
+
+
-
-
- Cha
-
-
- {numeralWrapper.formatSkill(player.charisma)}
-
-
-
-
+
+
+ Cha
+
+
+
+ {numeralWrapper.formatSkill(player.charisma)}
+
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ setOpen((old) => !old)}>
+
+
+
-
+ >
);
}