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

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
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/pages/Join/states/Code/Code.jsx
View File

@ -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 = () => {
@ -37,7 +46,7 @@ export const Code = ({setState}) => {
return ( return (
<> <>
{error && <div className="error"> {error && <div className="error">
<FontAwesomeIcon icon={faWarning} /> <FontAwesomeIcon icon={faWarning}/>
<p>{error}</p> <p>{error}</p>
</div>} </div>}
<div className="input-area"> <div className="input-area">
@ -48,9 +57,9 @@ 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}/>
</> </>
) )
} }