Added active students in LiveResultsTable

client/src/Types/StudentType.tsx

@@ -11,4 +11,5 @@ export interface StudentType {
     id: string;
     room?: string;
     answers: Answer[];
+    isActive?: boolean;
 }

client/src/components/LiveResults/LiveResultsTable/TableComponents/LiveResultsTableBody.tsx

@@ -25,7 +25,12 @@ const LiveResultsTableFooter: React.FC<LiveResultsFooterProps> = ({
     return (
         <TableBody>
             {students.map((student) => (
-                <TableRow key={student.id}>
+                <TableRow 
+                    key={student.id}
+                    style={{ 
+                        opacity: student.isActive === false ? 0.5 : 1,
+                    }}
+                >
                     <TableCell
                         className="sticky-column"
                         sx={{

client/src/pages/Teacher/ManageRoom/ManageRoom.tsx

@@ -172,7 +172,12 @@ const ManageRoom: React.FC = () => {
 
         socket.on('user-disconnected', (userId: string) => {
             console.log(`Student left: id = ${userId}`);
-            setStudents((prevUsers) => prevUsers.filter((user) => user.id !== userId));
+            //setStudents((prevUsers) => prevUsers.filter((user) => user.id !== userId));
+            setStudents(prevStudents =>
+                prevStudents.map(student =>
+                    student.id === userId ? { ...student, isActive: false } : student
+                )
+            );
         });
 
         setSocket(socket);