import { Head, router } from '@inertiajs/react'; import axios from 'axios'; import { Smartphone, Users } from 'lucide-react'; import { useEffect } from 'react'; import StudentLayout from '@/layouts/StudentLayout'; interface Props { session: { uuid: string; status: string; game: { title: string; subject?: string }; team: { name: string; color: string; members: Array<{ id: number; name: string; squad_number: number }> }; }; } export default function Wait({ session }: Props) { useEffect(() => { const heartbeat = window.setInterval(() => { void axios.post(route('team-quest.heartbeat', session.uuid)); }, 15000); const statePoll = window.setInterval(async () => { const response = await axios.get(route('team-quest.state', session.uuid)); if (response.data.session.status !== 'waiting') { router.get(route('team-quest.play', session.uuid)); } }, 2000); return () => { window.clearInterval(heartbeat); window.clearInterval(statePoll); }; }, [session.uuid]); return ( <>

Perangkat Terhubung

{session.team.name}

{session.game.title} · {session.game.subject}

Anggota Kelompok

{session.team.members.map((member) => (

{member.name}

Mini-squad {member.squad_number}

))}

Menunggu guru memulai Team Quest...

); } Wait.layout = (page: React.ReactNode) => <>{page}; Wait.layout = (page: any) => {page};