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

Updated the Create.jsx page

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-18 23:39:04 +01:00
parent 7f05195df7
commit 8a59ea02cc
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/pages/Create/Create.jsx
View File

@ -5,6 +5,7 @@ import {QRCodeSVG} from "qrcode.react";
import Button from "@/common/components/Button"; import Button from "@/common/components/Button";
import {faPlay} from "@fortawesome/free-solid-svg-icons"; import {faPlay} from "@fortawesome/free-solid-svg-icons";
import {GroupContext} from "@/common/contexts/GroupContext.jsx"; import {GroupContext} from "@/common/contexts/GroupContext.jsx";
import {useNavigate} from "react-router";
export const DOMAIN = "pmg.gnmyt.dev"; export const DOMAIN = "pmg.gnmyt.dev";
export const BASE_URL = `https://${DOMAIN}/join?code=`; export const BASE_URL = `https://${DOMAIN}/join?code=`;
@ -12,6 +13,8 @@ export const BASE_URL = `https://${DOMAIN}/join?code=`;
export const Create = () => { export const Create = () => {
const [code, setCode] = useState("LOADING"); const [code, setCode] = useState("LOADING");
const navigate = useNavigate();
const {groups} = useContext(GroupContext); const {groups} = useContext(GroupContext);
const getRoomCode = () => { const getRoomCode = () => {
@ -30,7 +33,8 @@ export const Create = () => {
<div className="create-page"> <div className="create-page">
<div className="info-area"> <div className="info-area">
<h2>Geht auf <span>{DOMAIN}</span> und gibt den Code <span>{code}</span> ein.</h2> <h2>Geht auf <span>{DOMAIN}</span> und gibt den Code <span>{code}</span> ein.</h2>
{groups.length > 1 && <Button text={`Mit ${groups.length} Gruppen starten`} icon={faPlay} />} {groups.length > 1 && <Button text={`Mit ${groups.length} Gruppen starten`} icon={faPlay}
onClick={() => navigate("/game")}/>}
</div> </div>
<div className="qr-area"> <div className="qr-area">
<QRCodeSVG value={BASE_URL + code} /> <QRCodeSVG value={BASE_URL + code} />