components YjsDemoGame.tsx

0% Statements 0/31

0% Branches 0/1

0% Functions 0/1

0% Lines 0/31

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client'

import { useRouter } from 'next/navigation'
import { PageWithNav } from '@/components/PageWithNav'
import { useYjsDemo } from '../Provider'
import { SetupPhase } from './SetupPhase'
import { PlayingPhase } from './PlayingPhase'
import { ResultsPhase } from './ResultsPhase'

export function YjsDemoGame() {
  const router = useRouter()
  const { state, exitSession, goToSetup } = useYjsDemo()

  return (
    <PageWithNav
      navTitle="Yjs Demo"
      navEmoji="🔄"
      emphasizePlayerSelection={state.gamePhase === 'setup'}
      playerScores={state.playerScores}
      onExitSession={() => {
        exitSession()
        router.push('/arcade')
      }}
      onSetup={state.gamePhase !== 'setup' ? () => goToSetup() : undefined}
    >
      {state.gamePhase === 'setup' && <SetupPhase />}
      {state.gamePhase === 'playing' && <PlayingPhase />}
      {state.gamePhase === 'results' && <ResultsPhase />}
    </PageWithNav>
  )
}