Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2025-01-05 21:07:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add employers modal to stats page

Browse Source
This commit is contained in:
nickofolas 2022-04-07 11:50:23 -05:00
parent ed8e1537d6
commit 3651a8d379
1 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/ui/CharacterStats.tsx
View File

@ -19,22 +19,27 @@ import { Money } from "./React/Money";
import { StatsRow } from "./React/StatsRow"; import { StatsRow } from "./React/StatsRow";
import { StatsTable } from "./React/StatsTable"; import { StatsTable } from "./React/StatsTable";
function Employers(): React.ReactElement {
const player = use.Player();
if (player.jobs && Object.keys(player.jobs).length !== 0)
return (
<>
<Typography>All Employers:</Typography>
interface EmployersModalProps {
open: boolean;
onClose: () => void;
}
const EmployersModal = ({ open, onClose }: EmployersModalProps): React.ReactElement => {
const player = use.Player();
return (
<Modal open={open} onClose={onClose}>
<>
<Typography variant="h6">All Employers</Typography>
<ul> <ul>
{Object.keys(player.jobs).map((j) => ( {Object.keys(player.jobs).map((j) => (
<Typography key={j}> * {j}</Typography> <Typography key={j}>* {j}</Typography>
))} ))}
</ul> </ul>
</> </>
); </Modal>
return <></>; );
} };
interface MultTableProps { interface MultTableProps {
rows: (string | number)[][]; rows: (string | number)[][];
@ -213,6 +218,7 @@ function MoneyModal({ open, onClose }: IMoneyModalProps): React.ReactElement {
export function CharacterStats(): React.ReactElement { export function CharacterStats(): React.ReactElement {
const player = use.Player(); const player = use.Player();
const [moneyOpen, setMoneyOpen] = useState(false); const [moneyOpen, setMoneyOpen] = useState(false);
const [employersOpen, setEmployersOpen] = useState(false);
const setRerender = useState(false)[1]; const setRerender = useState(false)[1];
function rerender(): void { function rerender(): void {
setRerender((old) => !old); setRerender((old) => !old);
@ -261,6 +267,16 @@ export function CharacterStats(): React.ReactElement {
/> />
</> </>
)} )}
{player.jobs && Object.keys(player.jobs).length !== 0 && (
<StatsRow name="All Employers" color={Settings.theme.primary} data={{}}>
<>
<span style={{ color: Settings.theme.primary }}>{Object.keys(player.jobs).length} total</span>
<IconButton onClick={() => setEmployersOpen(true)} sx={{ p: 0 }}>
<MoreHorizIcon color="info" />
</IconButton>
</>
</StatsRow>
)}
<StatsRow <StatsRow
name="Servers Owned" name="Servers Owned"
color={Settings.theme.primary} color={Settings.theme.primary}
@ -282,7 +298,6 @@ export function CharacterStats(): React.ReactElement {
/> />
</TableBody> </TableBody>
</Table> </Table>
<Employers />
</Paper> </Paper>
<Paper sx={{ p: 1 }}> <Paper sx={{ p: 1 }}>
<Typography variant="h6">Skills</Typography> <Typography variant="h6">Skills</Typography>
@ -496,6 +511,7 @@ export function CharacterStats(): React.ReactElement {
</Box> </Box>
<CurrentBitNode /> <CurrentBitNode />
<MoneyModal open={moneyOpen} onClose={() => setMoneyOpen(false)} /> <MoneyModal open={moneyOpen} onClose={() => setMoneyOpen(false)} />
<EmployersModal open={employersOpen} onClose={() => setEmployersOpen(false)} />
</> </>
); );
} }