chore: streamlined achievements backend (UltiMafia#2589)

Author: Golbolco

app.js

@@ -13,6 +13,7 @@ const gameRouter = require("./routes/game");
 const setupRouter = require("./routes/setup");
 const deckRouter = require("./routes/anonymousDeck");
 const roleRouter = require("./routes/roles");
+const achievementsRouter = require("./routes/achievements");
 const userRouter = require("./routes/user");
 const forumsRouter = require("./routes/forums");
 const commentRouter = require("./routes/comment");
@@ -70,6 +71,7 @@ apiRouter.use("/game", gameRouter);
 apiRouter.use("/setup", setupRouter);
 apiRouter.use("/deck", deckRouter);
 apiRouter.use("/roles", roleRouter);
+apiRouter.use("/achievements", achievementsRouter);
 apiRouter.use("/user", userRouter);
 apiRouter.use("/forums", forumsRouter);
 apiRouter.use("/comment", commentRouter);

react_main/src/Contexts.jsx

@@ -368,6 +368,11 @@ export function SiteInfoProvider({ children, setSiteInfoLoading }) {
         .then((res) =>
           updateSiteInfo({ type: "setProp", prop: "rolesRaw", value: res.data })
         ),
+      axios
+        .get("/api/achievements")
+        .then((res) =>
+          updateSiteInfo({ type: "setProp", prop: "achievementsRaw", value: res.data })
+        ),
       axios.get("/api/roles/modifiers").then((res) =>
         updateSiteInfo({
           type: "setProp",
@@ -402,6 +407,7 @@ export function SiteInfoProvider({ children, setSiteInfoLoading }) {
   const ready =
     siteInfoVal.roles &&
     siteInfoVal.rolesRaw &&
+    siteInfoVal.achievementsRaw &&
     siteInfoVal.modifiers &&
     siteInfoVal.gamesettings &&
     siteInfoVal.items &&

react_main/src/constants/Achievements.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useContext } from "react";
 import "css/play.css";
 import {
   Paper,
@@ -15,15 +15,15 @@ import {
   AccordionDetails,
 } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
-
-//import { AchievementList } from "../../../../data/Achievements";
-import { AchievementData } from "../../constants/Achievements";
+import { SiteInfoContext } from "../../Contexts";
 
 export default function Achievements(props) {
   const theme = useTheme();
+  const siteInfo = useContext(SiteInfoContext);
 
-  const commandTableRows = Object.keys(AchievementData.Mafia).map((key) => {
-    let { reward, description } = AchievementData.Mafia[key];
+  const achievementData = siteInfo.achievementsRaw?.Mafia || {};
+  const commandTableRows = Object.keys(achievementData).map((key) => {
+    let { reward, description } = achievementData[key];
 
     return {
       term: key,
@@ -45,7 +45,7 @@ export default function Achievements(props) {
         <TableBody>
           {commandTableRows.map((row) => (
             <TableRow
-              key={row.name}
+              key={row.term}
               sx={{ "&:last-child td, &:last-child th": { border: 0 } }}
             >
               <TableCell component="th" scope="row" align="center">