"feature/HIR-10" : Gestion des Evénement | Interfaces

L'implémentation des interfaces du module Gestion des Evénements :

src/shared/components/event/roomAdministration.tsx

@@ -89,13 +89,14 @@ const AdministrationRoom = () => {
   });
   const [currentPermissions, setCurrentPermissions] = useState({ mic: false, cam: false, shareScreen: false });
 
-  const participants = [
-    { id: 1, username: 'User 1', role: 'participant' },
-    { id: 2, username: 'User 2', role: 'host' },
-    { id: 3, username: 'User 3', role: 'participant' },
-  ];
-
+ 
   useEffect(() => {
+    const participants =[
+      { id: 1, username: 'User 1', role: 'participant' },
+      { id: 2, username: 'User 2', role: 'host' },
+      { id: 3, username: 'User 3', role: 'participant' },
+    ]; // fetch or calculate participants here
+  
     // Filter participants based on the current filter
     const newFilteredParticipants = participants.filter((participant) => {
       if (currentFilter === 'all') return true;
@@ -107,7 +108,7 @@ const AdministrationRoom = () => {
     if (currentFilter !== 'all') {
       setCurrentPermissions(filterPermissions[currentFilter]);
     }
-  }, [participants, currentFilter, filterPermissions]); // Added 'participants' here
+  }, [currentFilter, filterPermissions]); // 'participants' is defined inside, no need in dependencies
   
   const handleFilterChange = (newFilter) => {
     setCurrentFilter(newFilter);