felixfoertsch/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2026-04-22 17:23:00 +02: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
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/React/StatsTable.tsx
+6 -4
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>}