Planspiele/PerfectMarketGame
Planspiele/PerfectMarketGame
1
0
Fork 0
Code Actions Packages

Updated the Waiting.jsx state

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-22 13:44:16 +01:00
parent 57a801010d
commit a7c65bf1e0
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/pages/Game/states/Waiting/Waiting.jsx
View File

@ -8,6 +8,7 @@ import {Navigate} from "react-router";
import Sound from "react-sound"; import Sound from "react-sound";
import BackgroundMusic from "@/common/sounds/background.mp3"; import BackgroundMusic from "@/common/sounds/background.mp3";
import {MusicContext} from "@/common/contexts/MusicContext.jsx"; import {MusicContext} from "@/common/contexts/MusicContext.jsx";
import {SettingsContext} from "@/common/contexts/SettingsProvider.jsx";
export const Waiting = ({setState}) => { export const Waiting = ({setState}) => {
@ -18,6 +19,7 @@ export const Waiting = ({setState}) => {
const [readyGroups, setReadyGroups] = useState([]); const [readyGroups, setReadyGroups] = useState([]);
const [firstHint, setFirstHint] = useState(true); const [firstHint, setFirstHint] = useState(true);
const {musicEnabled} = useContext(MusicContext); const {musicEnabled} = useContext(MusicContext);
const {demandTable} = useContext(SettingsContext);
useEffect(() => { useEffect(() => {
socket.on("RECEIVED", (submission) => { socket.on("RECEIVED", (submission) => {
@ -89,11 +91,16 @@ export const Waiting = ({setState}) => {
<h2>Die Nachfrage</h2> <h2>Die Nachfrage</h2>
<p>Die Nachfrage berechnet sich aus dem <b>Durchschnittspreis.</b></p> <p>Die Nachfrage berechnet sich aus dem <b>Durchschnittspreis.</b></p>
<p>Bei weniger als <span>1800€</span> liegt die Nachfrage bei <span>50</span>.</p> <p>Bei weniger als <span>{Object.keys(demandTable)[1]}€</span> liegt die Nachfrage
bei <span>{Object.values(demandTable)[0]}</span>.</p>
<p>Ist er über <span>1800€</span> liegt die Nachfrage bei <span>40</span>.</p> {Object.keys(demandTable).map((key, index) => {
if (index === 0) return;
<p>Bei mehr als <span>2200€</span> liegt die Nachfrage bei <span>30</span>.</p> return (
<p key={index}>Bei einem Durchschnittspreis ab <span>{key}€</span> liegt die Nachfrage
bei <span>{demandTable[key]}</span>.</p>
);
})}
</>} </>}
</div> </div>