From a9a72d3ff4c12f5ca57e1bdfd67baedbf8664a9d Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 21 Nov 2023 08:27:28 +0100
Subject: [PATCH] Updated the Input.jsx state

---
 client/src/pages/Join/states/Input/Input.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

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 && <div className="error">
@@ -48,7 +53,7 @@ export const Input = ({setState, capital}) => {
             </div>
             <div className="input-area">
                 <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}/>
             </div>
             <Button text="Abgeben" onClick={submit} icon={faPaperPlane} />