Show Entropy in Augmentations page

src/Augmentation/ui/InstalledAugmentations.tsx

@@ -17,6 +17,10 @@ import { OwnedAugmentationsOrderSetting } from "../../Settings/SettingEnums";
 import Button from "@mui/material/Button";
 import Tooltip from "@mui/material/Tooltip";
 import List from "@mui/material/List";
+import { ExpandLess, ExpandMore } from "@mui/icons-material";
+import { Box, Paper, ListItemButton, ListItemText, Typography, Collapse } from "@mui/material";
+import { CONSTANTS } from "../../Constants";
+import { formatNumber } from "../../utils/StringHelperFunctions";
 
 export function InstalledAugmentations(): React.ReactElement {
   const setRerender = useState(true)[1];
@@ -55,6 +59,38 @@ export function InstalledAugmentations(): React.ReactElement {
         </Button>
       </Tooltip>
       <List dense>
+        {player.entropyStacks > 0 &&
+          (() => {
+            const [open, setOpen] = useState(false);
+
+            return (
+              <Box component={Paper}>
+                <ListItemButton onClick={() => setOpen((old) => !old)}>
+                  <ListItemText
+                    primary={
+                      <Typography color={Settings.theme.hp} style={{ whiteSpace: "pre-wrap" }}>
+                        Entropy ({player.entropyStacks} accumulated)
+                      </Typography>
+                    }
+                  />
+                  {open ? (
+                    <ExpandLess sx={{ color: Settings.theme.hp }} />
+                  ) : (
+                    <ExpandMore sx={{ color: Settings.theme.hp }} />
+                  )}
+                </ListItemButton>
+                <Collapse in={open} unmountOnExit>
+                  <Box m={4}>
+                    <Typography color={Settings.theme.hp}>
+                      <b>All multipliers decreased by:</b>{" "}
+                      {formatNumber((1 - CONSTANTS.EntropyEffect ** player.entropyStacks) * 100, 3)}% (multiplicative)
+                    </Typography>
+                  </Box>
+                </Collapse>
+              </Box>
+            );
+          })()}
+
         {sourceAugs.map((e) => {
           const aug = Augmentations[e.name];