diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx index 556239b..dccde42 100644 --- a/src/renderer/src/App.tsx +++ b/src/renderer/src/App.tsx @@ -99,6 +99,7 @@ function App(): JSX.Element { }) const [activeTab, setActiveTab] = useState('dashboard') const [settingsTab, setSettingsTab] = useState(0) + const [dashboardTab, setDashboardTab] = useState(0) const [projects, setProjects] = useState([]) const [phpVersions, setPhpVersions] = useState([]) const [mySqlVersions, setMySqlVersions] = useState([]) @@ -738,38 +739,49 @@ function App(): JSX.Element { Hızlı Bakış + + setDashboardTab(v)} textColor="primary" indicatorColor="primary"> + + + + + + + {/* Nginx Box */} - - - - - {getStatusChip(status.nginx)} - - Nginx - Port: {settings.nginxPort} - - handleOpenLogs('nginx')} size="small" sx={{ bgcolor: 'rgba(255,255,255,0.05)' }}> - - - handleToggleService('nginx')} - disabled={status.nginx === 'starting'} - /> - - - + {(dashboardTab === 0 || dashboardTab === 1) && ( + + + + + {getStatusChip(status.nginx)} + + Nginx + Port: {settings.nginxPort} + + handleOpenLogs('nginx')} size="small" sx={{ bgcolor: 'rgba(255,255,255,0.05)' }}> + + + handleToggleService('nginx')} + disabled={status.nginx === 'starting'} + /> + + + + )} {/* PHP Boxes */} - {installedPhpVersions.map(v => ( + {(dashboardTab === 0 || dashboardTab === 2) && installedPhpVersions.map(v => ( v.status === 'installed').map(v => ( + {(dashboardTab === 0 || dashboardTab === 3) && mySqlVersions.filter(v => v.status === 'installed').map(v => (