Feat : Better stats

vps-monitor/frontend/src/App.jsx

@@ -5,6 +5,7 @@ import VpsCard       from './components/VpsCard'
 import LogsModal     from './components/LogsModal'
 import AddVpsModal   from './components/AddVpsModal'
 import EditVpsModal  from './components/EditVpsModal'
+import StatsModal    from './components/StatsModal'
 import LoginPage     from './components/LoginPage'
 
 const INTERVAL_OPTIONS = [
@@ -46,6 +47,8 @@ export default function App() {
   const [updateContent, setUpdateContent] = useState('')
   const [updateLoading, setUpdateLoading] = useState(false)
 
+  const [statsModal,    setStatsModal]    = useState(null)   // { vpsId, vpsName }
+
   // Vérifie si des utilisateurs existent (pour afficher login ou register)
   useEffect(() => {
     authStatus()
@@ -263,6 +266,7 @@ export default function App() {
                 onDelete={handleDeleteVps}
                 onUpdate={handleUpdate}
                 onEdit={setEditVps}
+                onStats={(vpsId, vpsName) => setStatsModal({ vpsId, vpsName })}
               />
             ))}
           </div>
@@ -305,6 +309,15 @@ export default function App() {
           onClose={() => setEditVps(null)}
         />
       )}
+
+      {/* Modal statistiques */}
+      {statsModal && (
+        <StatsModal
+          vpsId={statsModal.vpsId}
+          vpsName={statsModal.vpsName}
+          onClose={() => setStatsModal(null)}
+        />
+      )}
     </div>
   )
 }