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

Updated the Code.jsx state

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-22 12:14:49 +01:00
parent bec153c282
commit bee2305228
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,10 +1,11 @@
import Button from "@/common/components/Button"; import Button from "@/common/components/Button";
import {faRightToBracket, faWarning} from "@fortawesome/free-solid-svg-icons"; import {faRightToBracket, faWarning} from "@fortawesome/free-solid-svg-icons";
import {useEffect, useState} from "react"; import {useContext, useEffect, useState} from "react";
import {socket} from "@/common/utils/socket.js"; import {socket} from "@/common/utils/socket.js";
import "./styles.sass"; import "./styles.sass";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {useParams} from "react-router"; import {useParams} from "react-router";
import {GroupContext} from "@/common/contexts/GroupContext.jsx";
export const Code = ({setState}) => { export const Code = ({setState}) => {
@ -12,6 +13,7 @@ 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 {setGroupName} = useContext(GroupContext);
const updateCompany = (event) => { const updateCompany = (event) => {
if (event.target.value.length > 20) { if (event.target.value.length > 20) {
@ -27,6 +29,7 @@ export const Code = ({setState}) => {
const joinRoom = () => { const joinRoom = () => {
socket.emit("JOIN_ROOM", {code, name: company}, (data) => { socket.emit("JOIN_ROOM", {code, name: company}, (data) => {
if (data) { if (data) {
setGroupName(company);
setState("waiting"); setState("waiting");
} else { } else {
setError("Raum nicht gefunden"); setError("Raum nicht gefunden");