UI: Clean up Hacknet UI (#1397)

This commit is contained in:
Jesse Clark
2024-06-14 00:08:10 -07:00
committed by GitHub
parent 4936d14639
commit f6de21ea18
6 changed files with 49 additions and 31 deletions

View File

@@ -102,21 +102,28 @@ export function HacknetRoot(): React.ReactElement {
<Typography variant="h4">Hacknet {hasHacknetServers() ? "Servers" : "Nodes"}</Typography>
<GeneralInfo hasHacknetServers={hasHacknetServers()} />
<PurchaseButton cost={purchaseCost} multiplier={purchaseMultiplier} onClick={handlePurchaseButtonClick} />
<br />
<PlayerInfo totalProduction={totalProduction} />
<br />
{hasHacknetServers() && (
<>
<Button onClick={() => setOpen(true)}>Spend Hashes on Upgrades</Button>
<br />
</>
)}
<Grid container spacing={2}>
<Grid item xs={6}>
<PlayerInfo totalProduction={totalProduction} />
<PurchaseButton cost={purchaseCost} multiplier={purchaseMultiplier} onClick={handlePurchaseButtonClick} />
</Grid>
<Grid item xs={6}>
<MultiplierButtons onClicks={purchaseMultiplierOnClicks} purchaseMultiplier={purchaseMultiplier} />
</Grid>
</Grid>
{hasHacknetServers() && <Button onClick={() => setOpen(true)}>Spend Hashes on Upgrades</Button>}
<Box sx={{ display: "grid", width: "100%", gridTemplateColumns: "repeat(auto-fit, 30em)" }}>{nodes}</Box>
<HashUpgradeModal open={open} onClose={() => setOpen(false)} />
</>