Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2024-12-23 22:52:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

UI: Tweak Hacknet summary (#1466)

Browse Source
This commit is contained in:
catloversg 2024-07-08 04:33:49 +07:00 committed by GitHub
parent c4adbfc0ad
commit b7a996718b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Hacknet/ui/PlayerInfo.tsx
View File

@ -55,7 +55,7 @@ export function PlayerInfo(props: IProps): React.ReactElement {
return (
<Paper sx={{ display: "inline-block", padding: "0.5em 1em", margin: "0.5em 0" }}>
<Typography variant="h6">Hacknet Summary</Typography>
<StatsTable rows={rows} />
<StatsTable rows={rows} textAlign="left" />
</Paper>
);
}

10
src/ui/React/StatsTable.tsx
View File

@ -3,23 +3,25 @@ import React, { ReactNode, ReactElement } from "react";
import { Table, TableCell } from "./Table";
import { TableBody, TableRow, Table as MuiTable, Typography } from "@mui/material";
import { makeStyles } from "tss-react/mui";
import type { Property } from "csstype";
interface StatsTableProps {
rows: ReactNode[][];
title?: string;
wide?: boolean;
textAlign?: Property.TextAlign;
paddingLeft?: string;
}
const useStyles = (paddingLeft: string) =>
const useStyles = (textAlign: Property.TextAlign, paddingLeft: string) =>
makeStyles()({
firstCell: { textAlign: "left" },
nonFirstCell: { textAlign: "right", paddingLeft: paddingLeft },
nonFirstCell: { textAlign: textAlign, paddingLeft: paddingLeft },
})();
export function StatsTable({ rows, title, wide, paddingLeft }: StatsTableProps): ReactElement {
export function StatsTable({ rows, title, wide, textAlign, paddingLeft }: StatsTableProps): ReactElement {
const T = wide ? MuiTable : Table;
const { classes } = useStyles(paddingLeft ?? "0.5em");
const { classes } = useStyles(textAlign ?? "right", paddingLeft ?? "0.5em");
return (
<>
{title && <Typography>{title}</Typography>}