import { Head, usePage } from '@inertiajs/react'; import { useState } from 'react'; import { Button } from '@/components/ui/button'; import InstallerLayout from '@/Layouts/InstallerLayout'; import { Alert, AlertDescription } from '@/components/ui/alert'; import { AlertTriangle } from 'lucide-react'; interface Props { pendingMigrations: string[]; flash?: { error?: string; }; } export default function Index({ pendingMigrations }: Props) { const [submitting, setSubmitting] = useState(false); const flash = (usePage().props as { flash?: Props['flash'] }).flash; return ( {flash?.error && ( {flash.error} )} Important: Please backup your database before proceeding with the upgrade.

Pending Migrations ({pendingMigrations.length})

{pendingMigrations.map((migration) => (

{migration}

))}

); }