client/src/pages/Student/JoinRoom/JoinRoom.tsx

@@ -111,12 +111,6 @@ const JoinRoom: React.FC = () => {
         webSocketService.submitAnswer(answerData);
     };
 
-    const handleReturnKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
-        if (e.key === 'Enter' && username && roomName) {
-            handleSocket();
-        }
-    };
-
     if (isWaitingForTeacher) {
         return (
             <div className='room'>
@@ -173,8 +167,7 @@ const JoinRoom: React.FC = () => {
                         onChange={(e) => setRoomName(e.target.value)}
                         placeholder="Numéro de la salle"
                         sx={{ marginBottom: '1rem' }}
-                        fullWidth={true}
+                        fullWidth
-                        onKeyDown={handleReturnKey}
                     />
 
                     <TextField
@@ -184,8 +177,7 @@ const JoinRoom: React.FC = () => {
                         onChange={(e) => setUsername(e.target.value)}
                         placeholder="Nom d'utilisateur"
                         sx={{ marginBottom: '1rem' }}
-                        fullWidth={true}
+                        fullWidth
-                        onKeyDown={handleReturnKey}
                     />
 
                     <LoadingButton

client/src/pages/Teacher/Login/Login.tsx

@@ -1,4 +1,6 @@
-import { Link, useNavigate } from 'react-router-dom';
+import { useNavigate, Link } from 'react-router-dom';
+
+// JoinRoom.tsx
 import React, { useEffect, useState } from 'react';
 
 import './Login.css';
@@ -36,11 +38,6 @@ const Login: React.FC = () => {
 
     };
 
-    const handleReturnKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
-        if (e.key === 'Enter' && email && password) {
-            login();
-        }
-    };
 
     return (
         <LoginContainer
@@ -54,8 +51,7 @@ const Login: React.FC = () => {
                 onChange={(e) => setEmail(e.target.value)}
                 placeholder="Adresse courriel"
                 sx={{ marginBottom: '1rem' }}
-                fullWidth={true}
+                fullWidth
-                onKeyDown={handleReturnKey} // Add this line as well
             />
 
             <TextField
@@ -66,8 +62,7 @@ const Login: React.FC = () => {
                 onChange={(e) => setPassword(e.target.value)}
                 placeholder="Mot de passe"
                 sx={{ marginBottom: '1rem' }}
-                fullWidth={true}
+                fullWidth
-                onKeyDown={handleReturnKey} // Add this line as well
             />
 
             <LoadingButton