Planspiele/PerfectMarketGame
1
0
Fork 0
Code Actions Packages Activity

Updated the Code.jsx

Browse Source
This commit is contained in:
Mathias Wagner
2023-11-20 21:38:07 +01:00
parent 5dab9003c2
commit 04b23ea224
1 changed files with 12 additions and 3 deletions

11
client/src/pages/Join/states/Code/Code.jsx

@ -13,6 +13,15 @@ export const Code = ({setState}) => {
const [code, setCode] = useState(params.code || ""); const [code, setCode] = useState(params.code || "");
const [company, setCompany] = useState(""); const [company, setCompany] = useState("");
const updateCompany = (event) => {
if (event.target.value.length > 20) {
setError("Name zu lang");
return;
}
setCompany(event.target.value);
}
const [error, setError] = useState(""); const [error, setError] = useState("");
const joinRoom = () => { const joinRoom = () => {
@ -48,7 +57,7 @@ export const Code = ({setState}) => {
<div className="input-area"> <div className="input-area">
<h3>Name des Unternehmens</h3> <h3>Name des Unternehmens</h3>
<input type="text" placeholder="Name des Unternehmens" className="glassy" <input type="text" placeholder="Name des Unternehmens" className="glassy"
onChange={(e) => setCompany(e.target.value)} value={company}/> onChange={updateCompany} value={company}/>
</div> </div>
<Button text="Beitreten" onClick={joinRoom} icon={faRightToBracket}/> <Button text="Beitreten" onClick={joinRoom} icon={faRightToBracket}/>
</> </>