diff --git a/src/Hacknet/ui/PlayerInfo.tsx b/src/Hacknet/ui/PlayerInfo.tsx index ec8401122..d863e0599 100644 --- a/src/Hacknet/ui/PlayerInfo.tsx +++ b/src/Hacknet/ui/PlayerInfo.tsx @@ -55,7 +55,7 @@ export function PlayerInfo(props: IProps): React.ReactElement { return ( Hacknet Summary - + ); } diff --git a/src/ui/React/StatsTable.tsx b/src/ui/React/StatsTable.tsx index 4c1c781ca..ffbb31619 100644 --- a/src/ui/React/StatsTable.tsx +++ b/src/ui/React/StatsTable.tsx @@ -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 && {title}}