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

Added help to the Join.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-21 08:27:45 +01:00
parent a9a72d3ff4
commit a2abf8ea15
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/pages/Join/Join.jsx
View File

@ -17,6 +17,8 @@ export const Join = () => {
const [state, setState] = useState("join"); const [state, setState] = useState("join");
const [capital, setCapital] = useState(25000); const [capital, setCapital] = useState(25000);
const [maxWin, setMaxWin] = useState(0);
const [cost, setCost] = useState(0);
const handleEnd = () => { const handleEnd = () => {
setState("end"); setState("end");
@ -44,12 +46,15 @@ export const Join = () => {
return ( return (
<div className="join-page"> <div className="join-page">
<div className="glassy capital"> {cost !== 0 && <div className="glassy capital">
<h2>Firmenkapital: {capital.toLocaleString("de-DE", localeOptions)} €</h2> <h2>Firmenkapital: {capital.toLocaleString("de-DE", localeOptions)} €</h2>
</div> <h3>Produktionskosten: <span className="in-red">- {cost.toLocaleString("de-DE", localeOptions)} €</span></h3>
{maxWin > 0 && <h3>Potenzieller Gewinn: <span className="in-green">+ {maxWin.toLocaleString("de-DE", localeOptions)} €</span></h3>}
{maxWin < 0 && <h3>Potenzieller Gewinn: <span className="in-red">- {maxWin.toLocaleString("de-DE", localeOptions)} €</span></h3>}
</div>}
{state === "join" && <Code setState={setState}/>} {state === "join" && <Code setState={setState}/>}
{state === "waiting" && <FontAwesomeIcon icon={faHourglassHalf} bounce className="waiting-icon" /> } {state === "waiting" && <FontAwesomeIcon icon={faHourglassHalf} bounce className="waiting-icon" style={{marginTop: "1rem"}} /> }
{state === "input" && <Input setState={setState} capital={capital}/>} {state === "input" && <Input setState={setState} capital={capital} setWin={setMaxWin} setCost={setCost}/>}
{state === "end" && <div className="game-end"> {state === "end" && <div className="game-end">
<h1>Ende</h1> <h1>Ende</h1>
<p>Das Spiel ist vorbei!</p> <p>Das Spiel ist vorbei!</p>