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

Updated the Input.jsx state

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

9
client/src/pages/Join/states/Input/Input.jsx
View File

@ -4,7 +4,7 @@ import {useEffect, useState} from "react";
import {socket} from "@/common/utils/socket.js"; import {socket} from "@/common/utils/socket.js";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
export const Input = ({setState, capital}) => { export const Input = ({setState, capital, setCost, setWin}) => {
const [price, setPrice] = useState(1000); const [price, setPrice] = useState(1000);
const [amount, setAmount] = useState(10); const [amount, setAmount] = useState(10);
@ -35,6 +35,11 @@ export const Input = ({setState, capital}) => {
return () => clearTimeout(timeout); return () => clearTimeout(timeout);
}, [error]); }, [error]);
useEffect(() => {
setCost(1000 * amount + 4000);
setWin((price * amount) - (1000 * amount + 4000));
}, [price, amount]);
return ( return (
<> <>
{error && <div className="error"> {error && <div className="error">
@ -48,7 +53,7 @@ export const Input = ({setState, capital}) => {
</div> </div>
<div className="input-area"> <div className="input-area">
<h3>Absatzmenge</h3> <h3>Absatzmenge</h3>
<input type="number" placeholder="Menge" className="glassy" min={0} max={20} <input type="number" placeholder="Menge" className="glassy" min={1} max={20}
onChange={(e) => e.target.value <= 20 && setAmount(e.target.value)} value={amount}/> onChange={(e) => e.target.value <= 20 && setAmount(e.target.value)} value={amount}/>
</div> </div>
<Button text="Abgeben" onClick={submit} icon={faPaperPlane} /> <Button text="Abgeben" onClick={submit} icon={faPaperPlane} />