import { createFileRoute, useNavigate } from '@tanstack/react-router'
import { JoinScreen } from '../components/student/JoinScreen'

export const Route = createFileRoute('/session/$id/')({
  component: SessionJoin,
})

function SessionJoin() {
  const { id } = Route.useParams()
  const navigate = useNavigate()

  return (
    <JoinScreen
      sessionCode={id}
      joinMethod="link"
      onJoined={(participantId) => navigate({ to: '/session/$id/status-board', params: { id: participantId } })}
    />
  )
}