import { Head, usePage, router } from '@inertiajs/react';
import { Alert, AlertDescription } from '@/components/ui/alert';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from '@/components/ui/card';
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from '@/components/ui/table';
import AppLogoIcon from '@/components/app-logo-icon';
type Participant = {
id: string;
first_name: string;
last_name: string;
full_name: string;
role: 'learner' | 'trainer';
};
type Classroom = {
name: string;
course_title: string;
code: string;
};
type Meeting = {
uuid: string;
title: string;
scheduled_at: string;
scheduled_end_at: string;
status: 'scheduled' | 'running' | 'ended';
joinable: boolean;
window_open: boolean;
enter_url: string;
};
type Props = {
participant: Participant;
classroom: Classroom;
meetings: Meeting[];
token: string;
};
function formatDateTime(dateString: string) {
return new Intl.DateTimeFormat('it-IT', {
dateStyle: 'medium',
timeStyle: 'short',
}).format(new Date(dateString));
}
function getStatusBadge(status: Meeting['status']) {
switch (status) {
case 'scheduled':
return Pianificata;
case 'running':
return In corso;
case 'ended':
return Terminata;
}
}
export default function JoinShow({ participant, classroom, meetings }: Props) {
const { errors } = usePage().props;
const handleRefresh = () => {
router.reload();
};
return (
<>