import { Head } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import InstallerLayout from '@/Layouts/InstallerLayout'; import { CheckCircle2, XCircle, AlertCircle } from 'lucide-react'; import { Alert, AlertDescription } from '@/components/ui/alert'; interface Props { dependencies: Record; } export default function Requirements({ dependencies }: Props) { const entries = Object.entries(dependencies); const requiredEntries = entries.filter(([name]) => !name.includes('(Optional)')); const optionalEntries = entries.filter(([name]) => name.includes('(Optional)')); const allRequiredPassed = requiredEntries.every(([, status]) => status); const passedCount = entries.filter(([, status]) => status).length; return (

Checking if your server meets the requirements to run the application.

{requiredEntries.map(([name, status]) => (
{name} {status ? ( ) : ( )}
))} {optionalEntries.length > 0 && ( <>
Optional
{optionalEntries.map(([name, status]) => (
{name} {status ? ( ) : ( )}
))} )}
Status {passedCount} / {entries.length} passed
{!allRequiredPassed && ( Please resolve the issues above before continuing. Contact your hosting provider if you need help enabling PHP extensions. )}
{allRequiredPassed ? ( ) : ( )}
); }