"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

@@ -92,11 +92,13 @@ interface Participant {
   role: string;
 }
 
+type FilterType = 'all' | 'participant' | 'host';
+
 const AdministrationRoom = () => {
   const theme = useTheme();
   const [anchorEl, setAnchorEl] = useState(null);
   const [permissionsAnchorEl, setPermissionsAnchorEl] = useState(null);
-  const [currentFilter, setCurrentFilter] = useState('all');
+  const [currentFilter, setCurrentFilter] = useState<FilterType>('all');
   const [filteredParticipants, setFilteredParticipants] = useState<Participant[]>([]);
   const [filterPermissions, setFilterPermissions] = useState({
     participant: { mic: false, cam: false, shareScreen: false },
@@ -119,13 +121,13 @@ const AdministrationRoom = () => {
     });
     
     setFilteredParticipants(newFilteredParticipants);
-    
+
     if (currentFilter !== 'all') {
-      setCurrentPermissions(filterPermissions[currentFilter]);
+      setCurrentPermissions(filterPermissions[currentFilter as 'participant' | 'host']);
     }
-  }, [currentFilter, filterPermissions]); // 'participants' is defined inside, no need in dependencies
-  
-  const handleFilterChange = (newFilter) => {
+  }, [currentFilter, filterPermissions]);
+
+  const handleFilterChange = (newFilter: FilterType) => {
     setCurrentFilter(newFilter);
     if (newFilter === 'all') {
       setCurrentPermissions({ mic: false, cam: false, shareScreen: false });