import { Head } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import InstallerLayout from '@/Layouts/InstallerLayout'; import { CheckCircle2, XCircle } from 'lucide-react'; import { Alert, AlertDescription } from '@/components/ui/alert'; interface Props { permissions: Record; } export default function Permissions({ permissions }: Props) { const entries = Object.entries(permissions); const allPassed = entries.every(([, status]) => status); const passedCount = entries.filter(([, status]) => status).length; const failedPaths = entries.filter(([, status]) => !status).map(([path]) => path); return (

The following files and directories need to be writable by the web server.

{entries.map(([path, status]) => (

{path} {status ? ( ) : ( )}

))}

Status {passedCount} / {entries.length} writable

{!allPassed && (

The following paths are not writable:

{failedPaths.map(path => `chmod -R 775 ${path}`).join('\n')}

Run the commands above to fix permissions.

)}

{allPassed ? ( ) : ( )}

); }