WebsiteProjects/CountryGuessr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the GameCreation.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-06-10 03:57:26 +02:00
parent 5e143acd3f
commit 6720213ac4
1 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
webui/src/pages/GameCreation/GameCreation.jsx
View File

@ -4,13 +4,34 @@ import InfoArea from "@/pages/GameCreation/components/InfoArea";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faPlay} from "@fortawesome/free-solid-svg-icons";
import SettingsArea from "@/pages/GameCreation/components/SettingsArea";
import {useContext} from "react";
import {useContext, useState} from "react";
import {StateContext} from "@/common/contexts/StateContext";
import {SocketContext} from "@/common/contexts/SocketContext/index.js";
export const GameCreation = () => {
const {setCurrentState} = useContext(StateContext);
const {connect, send, addListener} = useContext(SocketContext);
const [member, setMember] = useState([]);
const startGame = () => setCurrentState("Game");
const startGame = () => {
connect();
addListener("room-created", (data) => {
console.log(data);
});
addListener("user-connected", (data) => {
setMember(members => [...members, data]);
});
addListener("user-disconnected", (data) => {
setMember(members => members.filter(member => member.id !== data));
});
send("create-room", {name: "Test"});
// setCurrentState("Game");
}
return (
<div className="game-wrapper">
@ -19,7 +40,7 @@ export const GameCreation = () => {
</div>
<div className="creation-area">
<InfoArea />
<InfoArea members={member} />
<div className="right-area">