mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 02:03:14 +02:00
133 lines
4.2 KiB
TypeScript
133 lines
4.2 KiB
TypeScript
import React, { useCallback } from "react";
|
|
|
|
import { Accordion, AccordionSummary, AccordionDetails, Button, ButtonGroup, Typography } from "@mui/material";
|
|
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
|
|
import { makeStyles } from "tss-react/mui";
|
|
|
|
import { Player } from "@player";
|
|
import { Sleeve } from "../../PersonObjects/Sleeve/Sleeve";
|
|
import { ButtonWithTooltip } from "../../ui/Components/ButtonWithTooltip";
|
|
import { MaxSleevesFromCovenant } from "../../PersonObjects/Sleeve/SleeveCovenantPurchases";
|
|
|
|
// Update as additional BitNodes get implemented
|
|
const validSFN = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14];
|
|
const useStyles = makeStyles()({
|
|
group: {
|
|
display: "inline-flex",
|
|
placeItems: "center",
|
|
},
|
|
extraInfo: {
|
|
marginLeft: "0.5em",
|
|
marginRight: "0.5em",
|
|
},
|
|
});
|
|
|
|
export function SourceFilesDev({ parentRerender }: { parentRerender: () => void }): React.ReactElement {
|
|
const { classes } = useStyles();
|
|
|
|
const setSF = useCallback(
|
|
(sfN: number, sfLvl: number) => () => {
|
|
if (sfN === 9) {
|
|
Player.hacknetNodes = [];
|
|
}
|
|
if (sfLvl === 0) {
|
|
Player.sourceFiles.delete(sfN);
|
|
if (sfN === 10) Sleeve.recalculateNumOwned();
|
|
parentRerender();
|
|
return;
|
|
}
|
|
Player.sourceFiles.set(sfN, sfLvl);
|
|
if (sfN === 10) Sleeve.recalculateNumOwned();
|
|
parentRerender();
|
|
},
|
|
[parentRerender],
|
|
);
|
|
|
|
const setAllSF = useCallback((sfLvl: number) => () => validSFN.forEach((sfN) => setSF(sfN, sfLvl)()), [setSF]);
|
|
const clearExploits = () => (Player.exploits = []);
|
|
|
|
const addSleeve = useCallback(() => {
|
|
if (Player.sleevesFromCovenant >= 10) return;
|
|
Player.sleevesFromCovenant += 1;
|
|
Sleeve.recalculateNumOwned();
|
|
parentRerender();
|
|
}, [parentRerender]);
|
|
|
|
const removeSleeve = useCallback(() => {
|
|
if (Player.sleevesFromCovenant <= 0) return;
|
|
Player.sleevesFromCovenant -= 1;
|
|
Sleeve.recalculateNumOwned();
|
|
parentRerender();
|
|
}, [parentRerender]);
|
|
|
|
const devLvls = [0, 1, 2, 3];
|
|
|
|
const buttonRow = (sfN?: number) => {
|
|
const title = sfN ? `SF-${sfN}` : "Set All";
|
|
const level = sfN ? Player.sourceFileLvl(sfN) : 0;
|
|
return (
|
|
<tr key={title}>
|
|
<td>
|
|
<Typography>{title}</Typography>
|
|
</td>
|
|
<td>
|
|
<ButtonGroup className={classes.group}>
|
|
{devLvls.map((lvl) => (
|
|
<Button key={lvl} onClick={sfN === undefined ? setAllSF(lvl) : setSF(sfN, lvl)}>
|
|
{lvl}
|
|
</Button>
|
|
))}
|
|
{sfN === 12 &&
|
|
[1, 10, 100].map((numLevels) => (
|
|
<Button key={numLevels} onClick={setSF(12, level + numLevels)}>
|
|
+{numLevels}
|
|
</Button>
|
|
))}
|
|
{sfN && <Typography className={classes.extraInfo}>{`Level: ${level}`}</Typography>}
|
|
{sfN === 10 && (
|
|
<>
|
|
<ButtonWithTooltip
|
|
disabledTooltip={Player.sleevesFromCovenant <= 0 ? "Already at minimum" : ""}
|
|
onClick={removeSleeve}
|
|
>
|
|
-1 sleeve
|
|
</ButtonWithTooltip>
|
|
<ButtonWithTooltip
|
|
disabledTooltip={Player.sleevesFromCovenant >= MaxSleevesFromCovenant ? "Already at maximum" : ""}
|
|
onClick={addSleeve}
|
|
>
|
|
+1 sleeve
|
|
</ButtonWithTooltip>
|
|
<Typography className={classes.extraInfo}>Extra sleeves: {Player.sleevesFromCovenant}</Typography>
|
|
</>
|
|
)}
|
|
</ButtonGroup>
|
|
</td>
|
|
</tr>
|
|
);
|
|
};
|
|
|
|
return (
|
|
<Accordion TransitionProps={{ unmountOnExit: true }}>
|
|
<AccordionSummary expandIcon={<ExpandMoreIcon />}>
|
|
<Typography>Source-Files</Typography>
|
|
</AccordionSummary>
|
|
<AccordionDetails>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<Typography>Exploits:</Typography>
|
|
</td>
|
|
<td>
|
|
<Button onClick={clearExploits}>Clear</Button>
|
|
</td>
|
|
</tr>
|
|
{[undefined, ...validSFN].map((sfN) => buttonRow(sfN))}
|
|
</tbody>
|
|
</table>
|
|
</AccordionDetails>
|
|
</Accordion>
|
|
);
|
|
}
|