import { Head, Link } from '@inertiajs/react'; import { useState, useEffect } from 'react'; import { useTranslation } from 'react-i18next'; import axios from 'axios'; interface Module { name: string; alias: string; description: string; priority: number; } interface Props { modules: Module[]; } export default function Addons({ modules }: Props) { const { t } = useTranslation(); const [currentModuleIndex, setCurrentModuleIndex] = useState(0); const [installing, setInstalling] = useState(false); const [completed, setCompleted] = useState(false); const [error, setError] = useState(''); const [installedModules, setInstalledModules] = useState([]); const installNextModule = async () => { if (currentModuleIndex >= modules.length) { setCompleted(true); return; } const currentModule = modules[currentModuleIndex]; setInstalling(true); setError(''); try { const response = await axios.post(route('installer.addons.store'), { module: currentModule.name }); if (response.data.success) { setInstalledModules(prev => [...prev, currentModule.name]); setCurrentModuleIndex(prev => prev + 1); if (response.data.completed) { setCompleted(true); } } else { setError(response.data.message); } } catch (err: any) { setError(err.response?.data?.message || 'Installation failed'); } finally { setInstalling(false); } }; const startInstallation = () => { setCurrentModuleIndex(0); setInstalledModules([]); setCompleted(false); setError(''); installNextModule(); }; useEffect(() => { if (currentModuleIndex > 0 && currentModuleIndex < modules.length && !error) { const timer = setTimeout(() => { installNextModule(); }, 1000); return () => clearTimeout(timer); } }, [currentModuleIndex]); return ( <>

{t('Add-on Installation')}

{error && (

{error}

)}

{t('This step will install and enable all available add-on modules one by one.')}

{t('Add-ons Progress')} ({installedModules.length}/{modules.length}):

{modules.map((module, index) => (

{module.alias}

{module.description}

{installedModules.includes(module.name) && ( ✓ {t('Installed')} )} {index === currentModuleIndex && installing && ( ⏳ {t('Installing...')} )}

))}

{t('Back')} {completed ? ( {t('Continue')} ) : ( )}

); }