mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 18:23:15 +02:00
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import * as React from "react";
|
|
import { numeralWrapper } from "../numeralFormat";
|
|
import { IPlayer } from "../../PersonObjects/IPlayer";
|
|
import { Theme } from "@mui/material/styles";
|
|
import makeStyles from "@mui/styles/makeStyles";
|
|
import createStyles from "@mui/styles/createStyles";
|
|
|
|
const useStyles = makeStyles((theme: Theme) =>
|
|
createStyles({
|
|
unbuyable: {
|
|
color: theme.palette.action.disabled,
|
|
},
|
|
money: {
|
|
color: theme.colors.money,
|
|
},
|
|
}),
|
|
);
|
|
|
|
interface IProps {
|
|
money: number | string;
|
|
player?: IPlayer;
|
|
}
|
|
export function Money(props: IProps): React.ReactElement {
|
|
const classes = useStyles();
|
|
if (props.player !== undefined) {
|
|
if (typeof props.money !== "number") throw new Error("if player if provided, money should be number, contact dev");
|
|
if (!props.player.canAfford(props.money))
|
|
return <span className={classes.unbuyable}>{numeralWrapper.formatMoney(props.money)}</span>;
|
|
}
|
|
return (
|
|
<span className={classes.money}>
|
|
{typeof props.money === "number" ? numeralWrapper.formatMoney(props.money) : props.money}
|
|
</span>
|
|
);
|
|
}
|