jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Impelemented missing House Rules

Browse Source
This commit is contained in:
James Ketr 2025-09-25 12:13:00 -07:00
parent 25bb7d05a5
commit 279fc68718
1 changed files with 48 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
client/src/HouseRules.tsx
View File

@ -15,12 +15,16 @@ import Dialog from "@mui/material/Dialog";
import DialogTitle from "@mui/material/DialogTitle"; import DialogTitle from "@mui/material/DialogTitle";
import DialogContent from "@mui/material/DialogContent"; import DialogContent from "@mui/material/DialogContent";
import DialogActions from "@mui/material/DialogActions"; import DialogActions from "@mui/material/DialogActions";
import Table from "@mui/material/Table";
import TableBody from "@mui/material/TableBody";
import TableCell from "@mui/material/TableCell";
import TableContainer from "@mui/material/TableContainer";
import TableRow from "@mui/material/TableRow";
// import "./HouseRules.css"; // import "./HouseRules.css";
import { GlobalContext } from "./GlobalContext"; import { GlobalContext } from "./GlobalContext";
import { Placard } from "./Placard"; import { Placard } from "./Placard";
import { Box } from "@mui/material";
/* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-explicit-any */
@ -404,7 +408,9 @@ const HouseRules: React.FC<HouseRulesProps> = ({ houseRulesActive }) => {
<DialogTitle>House Rules</DialogTitle> <DialogTitle>House Rules</DialogTitle>
<DialogContent> <DialogContent>
<Box sx={{ display: "flex", flexDirection: "column" }}> <TableContainer>
<Table>
<TableBody>
{ruleList.map((item) => { {ruleList.map((item) => {
const defaultChecked = item.defaultChecked; const defaultChecked = item.defaultChecked;
if (!(item.key in rules)) { if (!(item.key in rules)) {
@ -418,11 +424,13 @@ const HouseRules: React.FC<HouseRulesProps> = ({ houseRulesActive }) => {
} }
return ( return (
<div key={item.key} className="HouseSelector"> <React.Fragment key={item.key}>
<div> <TableRow>
<b>{item.label}</b>: {item.description} <TableCell>
</div> <b>{item.label}</b>
<div> </TableCell>
<TableCell>{item.description}</TableCell>
<TableCell>
<Switch <Switch
size={"small"} size={"small"}
className="RuleSwitch" className="RuleSwitch"
@ -431,12 +439,19 @@ const HouseRules: React.FC<HouseRulesProps> = ({ houseRulesActive }) => {
onChange={(e) => setRule(e, item.key)} onChange={(e) => setRule(e, item.key)}
disabled={gameState !== "lobby" || !name} disabled={gameState !== "lobby" || !name}
/> />
</div> </TableCell>
{checked && item.element} </TableRow>
</div> {checked && (
<TableRow>
<TableCell colSpan={3}>{item.element}</TableCell>
</TableRow>
)}
</React.Fragment>
); );
})} })}
</Box> </TableBody>
</Table>
</TableContainer>
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={dismissClicked}>Close</Button> <Button onClick={dismissClicked}>Close</Button>