globuzma/Tapage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity

Add persistence of connection

Browse source
This commit is contained in:
Lucien Astié 2024-08-09 18:35:57 +02:00
parent 012caef506
commit cbd500e13b
4 changed files with 126 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/[id]/page.tsx
View file

@ -19,6 +19,7 @@ export default function Home({ params }: roomProps) {
const [role, setRole] = useState("")
const [name, setName] = useState("")
const [avatar, setAvatar] = useState(defaultAvatarImage)
const [browserId, setBrowserId] = useState("")
const [gameStarted, setGameStarted] = useState(false)
const [gameEnded, setGameEnded] = useState(false)
@ -43,12 +44,15 @@ export default function Home({ params }: roomProps) {
setName(localName)
const localAvatar = localStorage.getItem('avatar')
setAvatar(localAvatar)
const localBrowserId = localStorage.getItem("browserId")
setBrowserId(localBrowserId)
// Listen for incoming setMessages
socketRef.current = io("ws://localhost:3000");
socketRef.current.on("connect", () => {
setIsConnected(true)
socketRef.current.emit('room_connect', {id: id, name: localName, avatar: localAvatar})
socketRef.current.emit('room_connect', {id: id, name: localName, avatar: localAvatar, browserId: localBrowserId})
});
socketRef.current.on("new_player", (params) => {
@ -56,7 +60,7 @@ export default function Home({ params }: roomProps) {
})
socketRef.current.on("start_game", (params) => {
setQuestionNbr(oldQ => oldQ + 1)
setQuestionNbr(params.questionNbr)
setGameStarted(true)
setQuestionDisplayed(params.question)
setPossibleChoice(params.possibleChoice)