mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-09-23 06:10:56 +02:00
65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
/**
|
|
* React Component for displaying the total production and production rate
|
|
* of scripts on the 'Active Scripts' UI page
|
|
*/
|
|
import * as React from "react";
|
|
|
|
import { MoneyRate } from "../React/MoneyRate";
|
|
import { use } from "../Context";
|
|
|
|
import Typography from "@mui/material/Typography";
|
|
|
|
import { Theme } from "@mui/material/styles";
|
|
import makeStyles from "@mui/styles/makeStyles";
|
|
import createStyles from "@mui/styles/createStyles";
|
|
import Table from "@mui/material/Table";
|
|
import TableBody from "@mui/material/TableBody";
|
|
import TableCell from "@mui/material/TableCell";
|
|
import TableRow from "@mui/material/TableRow";
|
|
|
|
const useStyles = makeStyles((theme: Theme) =>
|
|
createStyles({
|
|
cell: {
|
|
borderBottom: "none",
|
|
padding: theme.spacing(1),
|
|
margin: theme.spacing(1),
|
|
whiteSpace: "nowrap",
|
|
},
|
|
size: {
|
|
width: "1px",
|
|
},
|
|
}),
|
|
);
|
|
export function ScriptProduction(): React.ReactElement {
|
|
const player = use.Player();
|
|
const classes = useStyles();
|
|
const prodRateSinceLastAug = player.scriptProdSinceLastAug / (player.playtimeSinceLastAug / 1000);
|
|
|
|
return (
|
|
<Table size="small" classes={{ root: classes.size }}>
|
|
<TableBody>
|
|
<TableRow>
|
|
<TableCell component="th" scope="row" classes={{ root: classes.cell }}>
|
|
<Typography variant="body2">Total online production of Active scripts:</Typography>
|
|
</TableCell>
|
|
<TableCell align="left" classes={{ root: classes.cell }}>
|
|
<Typography variant="body2">
|
|
<MoneyRate money={player.scriptProdSinceLastAug} />
|
|
</Typography>
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow style={{ width: "1px" }}>
|
|
<TableCell component="th" scope="row" classes={{ root: classes.cell }}>
|
|
<Typography variant="body2">Total online production since last Aug installation:</Typography>
|
|
</TableCell>
|
|
<TableCell align="left" classes={{ root: classes.cell }}>
|
|
<Typography variant="body2">
|
|
(<MoneyRate money={prodRateSinceLastAug} />)
|
|
</Typography>
|
|
</TableCell>
|
|
</TableRow>
|
|
</TableBody>
|
|
</Table>
|
|
);
|
|
}
|