randyjc/Rahoot
1
0
Fork 0
mirror of https://github.com/randyjc/Rahoot.git synced 2026-03-13 20:15:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update Manager

Browse Source
This commit is contained in:
Ralex91
2024-01-31 23:45:32 +01:00
parent 91c7644c71
commit 0a075e564a
2 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/game/GameWrapper.jsx
View File

@@ -5,7 +5,7 @@ import { usePlayerContext } from "@/context/player"
import { useSocketContext } from "@/context/socket" import { useSocketContext } from "@/context/socket"
import { useState } from "react" import { useState } from "react"
export default function GameWrapper({ children, onNext, manager }) { export default function GameWrapper({ children, textNext, onNext, manager }) {
const { socket } = useSocketContext() const { socket } = useSocketContext()
const { player } = usePlayerContext() const { player } = usePlayerContext()
@@ -39,19 +39,21 @@ export default function GameWrapper({ children, onNext, manager }) {
className="bg-white !text-black px-4 self-end" className="bg-white !text-black px-4 self-end"
onClick={() => onNext()} onClick={() => onNext()}
> >
Skip {textNext}
</Button> </Button>
)} )}
</div> </div>
{children} {children}
<div className="bg-white py-2 px-4 flex items-center text-lg justify-between font-bold text-white"> {!manager && (
<p className="text-gray-800">{!!player && player.username}</p> <div className="bg-white py-2 px-4 flex items-center text-lg justify-between font-bold text-white">
<div className="bg-gray-800 rounded-sm py-1 px-3 text-lg"> <p className="text-gray-800">{!!player && player.username}</p>
{!!player && player.points} <div className="bg-gray-800 rounded-sm py-1 px-3 text-lg">
{!!player && player.points}
</div>
</div> </div>
</div> )}
</section> </section>
) )
} }

5
src/pages/manager.jsx
View File

@@ -23,6 +23,7 @@ export default function Manager() {
const { socket } = useSocketContext() const { socket } = useSocketContext()
const { player } = usePlayerContext() const { player } = usePlayerContext()
const [nextText, setNextText] = useState("Start")
const [state, setState] = useState({ const [state, setState] = useState({
status: { status: {
name: "SHOW_START", name: "SHOW_START",
@@ -46,6 +47,8 @@ export default function Manager() {
}) })
const handleSkip = () => { const handleSkip = () => {
setNextText("Skip")
switch (state.status.name) { switch (state.status.name) {
case "SHOW_START": case "SHOW_START":
socket.emit("manager:startGame") socket.emit("manager:startGame")
@@ -62,7 +65,7 @@ export default function Manager() {
} }
return ( return (
<GameWrapper textNext="" onNext={handleSkip} manager> <GameWrapper textNext={nextText} onNext={handleSkip} manager>
{gameStateComponent[state.status.name] && {gameStateComponent[state.status.name] &&
createElement(gameStateComponent[state.status.name], { createElement(gameStateComponent[state.status.name], {
data: state.status.data, data: state.status.data,