diff --git a/client/src/pages/Join/states/Input/Input.jsx b/client/src/pages/Join/states/Input/Input.jsx index 0afed6c..218069f 100644 --- a/client/src/pages/Join/states/Input/Input.jsx +++ b/client/src/pages/Join/states/Input/Input.jsx @@ -4,7 +4,7 @@ import {useEffect, useState} from "react"; import {socket} from "@/common/utils/socket.js"; import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; -export const Input = ({setState, capital}) => { +export const Input = ({setState, capital, setCost, setWin}) => { const [price, setPrice] = useState(1000); const [amount, setAmount] = useState(10); @@ -35,6 +35,11 @@ export const Input = ({setState, capital}) => { return () => clearTimeout(timeout); }, [error]); + useEffect(() => { + setCost(1000 * amount + 4000); + setWin((price * amount) - (1000 * amount + 4000)); + }, [price, amount]); + return ( <> {error &&
@@ -48,7 +53,7 @@ export const Input = ({setState, capital}) => {

Absatzmenge

- e.target.value <= 20 && setAmount(e.target.value)} value={amount}/>