import { Head, Link } from '@inertiajs/react'; import { CalendarDays, Plus } from 'lucide-react'; import { PageHeading } from '@/components/page-heading'; import { ReservationStatus } from '@/components/reservation-status'; import { Button } from '@/components/ui/button'; import type { Paginated, Reservation } from '@/types'; export default function ReservationsIndex({ reservations, }: { reservations: Paginated; }) { const format = new Intl.DateTimeFormat('pt-PT', { dateStyle: 'medium', timeStyle: 'short', }); return ( <>
Nova requisição } /> {reservations.data.length ? (
Referência Equipamentos Período Estado
{reservations.data.map((reservation) => (
{reservation.reference}

{reservation.items .map((item) => item.asset.name) .join(', ')}

{reservation.purpose}

{format.format( new Date(reservation.starts_at), )}

{format.format( new Date(reservation.ends_at), )}

))}
) : (

Ainda não criou requisições

)}
); } ReservationsIndex.layout = { breadcrumbs: [{ title: 'Requisições', href: '/requisicoes' }], };