TYPESAFETY: FactionName (#644)

2026-04-21 00:32:51 +02:00 · 2023-06-25 22:53:35 -04:00
parent 1de676972f
commit 9a0a843ffc
31 changed files with 295 additions and 751 deletions
@@ -0,0 +1,189 @@
+import React, { useState } from "react";
+import {
+  Accordion,
+  AccordionSummary,
+  AccordionDetails,
+  Button,
+  FormControl,
+  IconButton,
+  InputLabel,
+  MenuItem,
+  Select,
+  SelectChangeEvent,
+  Typography,
+} from "@mui/material";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import ReplyAllIcon from "@mui/icons-material/ReplyAll";
+import ReplyIcon from "@mui/icons-material/Reply";
+
+import { Player } from "@player";
+import { FactionName } from "@enums";
+import { Adjuster } from "./Adjuster";
+import { Factions } from "../../Faction/Factions";
+import { getRecordValues } from "../../Types/Record";
+import { getEnumHelper } from "../../utils/EnumHelper";
+
+const bigNumber = 1e12;
+
+export function FactionsDev(): React.ReactElement {
+  const [factionName, setFactionName] = useState(FactionName.Illuminati);
+
+  function setFactionDropdown(event: SelectChangeEvent): void {
+    if (!getEnumHelper("FactionName").isMember(event.target.value)) return;
+    setFactionName(event.target.value);
+  }
+
+  function receiveInvite(): void {
+    Player.receiveInvite(factionName);
+  }
+
+  function receiveAllInvites(): void {
+    Object.values(FactionName).forEach((faction) => Player.receiveInvite(faction));
+  }
+
+  function modifyFactionRep(modifier: number): (x: number) => void {
+    return function (reputation: number): void {
+      const fac = Factions[factionName];
+      if (!isNaN(reputation)) {
+        fac.playerReputation += reputation * modifier;
+      }
+    };
+  }
+
+  function resetFactionRep(): void {
+    const fac = Factions[factionName];
+    fac.playerReputation = 0;
+  }
+
+  function modifyFactionFavor(modifier: number): (x: number) => void {
+    return function (favor: number): void {
+      const fac = Factions[factionName];
+      if (!isNaN(favor)) {
+        fac.favor += favor * modifier;
+      }
+    };
+  }
+
+  function resetFactionFavor(): void {
+    const fac = Factions[factionName];
+    fac.favor = 0;
+  }
+
+  function tonsOfRep(): void {
+    for (const faction of getRecordValues(Factions)) {
+      faction.playerReputation = bigNumber;
+    }
+  }
+
+  function resetAllRep(): void {
+    for (const faction of getRecordValues(Factions)) {
+      faction.playerReputation = 0;
+    }
+  }
+
+  function tonsOfFactionFavor(): void {
+    for (const faction of getRecordValues(Factions)) {
+      faction.favor = bigNumber;
+    }
+  }
+
+  function resetAllFactionFavor(): void {
+    for (const faction of getRecordValues(Factions)) {
+      faction.favor = 0;
+    }
+  }
+
+  return (
+    <Accordion TransitionProps={{ unmountOnExit: true }}>
+      <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+        <Typography>Factions</Typography>
+      </AccordionSummary>
+      <AccordionDetails>
+        <table>
+          <tbody>
+            <tr>
+              <td>
+                <Typography>Faction:</Typography>
+              </td>
+              <td>
+                <FormControl>
+                  <InputLabel id="factions-select">Faction</InputLabel>
+                  <Select
+                    labelId="factions-select"
+                    id="factions-dropdown"
+                    onChange={setFactionDropdown}
+                    value={factionName}
+                    startAdornment={
+                      <>
+                        <IconButton onClick={receiveAllInvites} size="large" arial-label="receive-all-invitation">
+                          <ReplyAllIcon />
+                        </IconButton>
+                        <IconButton onClick={receiveInvite} size="large" arial-label="receive-one-invitation">
+                          <ReplyIcon />
+                        </IconButton>
+                      </>
+                    }
+                  >
+                    {Object.values(Factions).map((faction) => (
+                      <MenuItem key={faction.name} value={faction.name}>
+                        {faction.name}
+                      </MenuItem>
+                    ))}
+                  </Select>
+                </FormControl>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <Typography>Reputation:</Typography>
+              </td>
+              <td>
+                <Adjuster
+                  label="reputation"
+                  placeholder="amt"
+                  tons={() => modifyFactionRep(1)(bigNumber)}
+                  add={modifyFactionRep(1)}
+                  subtract={modifyFactionRep(-1)}
+                  reset={resetFactionRep}
+                />
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <Typography>Favor:</Typography>
+              </td>
+              <td>
+                <Adjuster
+                  label="favor"
+                  placeholder="amt"
+                  tons={() => modifyFactionFavor(1)(2000)}
+                  add={modifyFactionFavor(1)}
+                  subtract={modifyFactionFavor(-1)}
+                  reset={resetFactionFavor}
+                />
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <Typography>All Reputation:</Typography>
+              </td>
+              <td>
+                <Button onClick={tonsOfRep}>Tons</Button>
+                <Button onClick={resetAllRep}>Reset</Button>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <Typography>All Favor:</Typography>
+              </td>
+              <td>
+                <Button onClick={tonsOfFactionFavor}>Tons</Button>
+                <Button onClick={resetAllFactionFavor}>Reset</Button>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </AccordionDetails>
+    </Accordion>
+  );
+}