import { Head, useForm } from '@inertiajs/react'; import { lookup } from '@/routes/join'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import AppLogoIcon from '@/components/app-logo-icon'; type Meeting = { uuid: string; title: string; scheduled_at: string; status: 'scheduled' | 'running' | 'ended'; }; type Classroom = { name: string; course_title: string; code: string; }; type Props = { meeting: Meeting; classroom: Classroom; requiresPassword: boolean; }; function formatDateTime(dateString: string) { return new Intl.DateTimeFormat('it-IT', { dateStyle: 'medium', timeStyle: 'short', }).format(new Date(dateString)); } export default function JoinMeeting({ meeting, classroom, requiresPassword, }: Props) { const { data, setData, post, processing, errors } = useForm({ fiscal_code: '', access_password: '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(lookup(meeting.uuid).url); }; return ( <>
{/* Header with Logo */}
{/* Main Card */} {meeting.title} {classroom.name} {classroom.course_title && ( <> {' - '} {classroom.course_title} )}
{formatDateTime(meeting.scheduled_at)}

Inserisci il codice fiscale con cui sei stato iscritto per ricevere il tuo link personale.

setData( 'fiscal_code', e.target.value, ) } maxLength={16} placeholder="Es. RSSMRA85T10A001Z" className="uppercase" autoFocus required />
{requiresPassword && (
setData( 'access_password', e.target.value, ) } maxLength={32} required />
)}
); }