Merge pull request #263 from ets-cfuhrman-pfe/fuhrmanator/issue262

Touche retour équivaut à un clique sur le bouton
ignorer touch si champs vide
2025-08-11 21:23:54 -04:00 · 2025-02-28 08:53:34 -05:00 · 2025-02-27 23:43:58 -05:00 · 2025-02-27 23:20:17 -05:00
2 changed files with 20 additions and 7 deletions
--- a/client/src/pages/Student/JoinRoom/JoinRoom.tsx
+++ b/client/src/pages/Student/JoinRoom/JoinRoom.tsx
@ -111,6 +111,12 @@ 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'>
@ -167,7 +173,8 @@ const JoinRoom: React.FC = () => {
                        onChange={(e) => setRoomName(e.target.value)}
                        placeholder="Numéro de la salle"
                        sx={{ marginBottom: '1rem' }}
-                        fullWidth
+                        fullWidth={true}
+                        onKeyDown={handleReturnKey}
                    />

                    <TextField
@ -177,7 +184,8 @@ const JoinRoom: React.FC = () => {
                        onChange={(e) => setUsername(e.target.value)}
                        placeholder="Nom d'utilisateur"
                        sx={{ marginBottom: '1rem' }}
-                        fullWidth
+                        fullWidth={true}
+                        onKeyDown={handleReturnKey}
                    />

                    <LoadingButton
--- a/client/src/pages/Teacher/Login/Login.tsx
+++ b/client/src/pages/Teacher/Login/Login.tsx
@ -1,6 +1,4 @@
-import { useNavigate, Link } from 'react-router-dom';
-
-// JoinRoom.tsx
+import { Link, useNavigate } from 'react-router-dom';
 import React, { useEffect, useState } from 'react';

 import './Login.css';
@ -38,6 +36,11 @@ const Login: React.FC = () => {

    };

+    const handleReturnKey = (e: React.KeyboardEvent<HTMLInputElement>) => {
+        if (e.key === 'Enter' && email && password) {
+            login();
+        }
+    };

    return (
        <LoginContainer
@ -51,7 +54,8 @@ const Login: React.FC = () => {
                onChange={(e) => setEmail(e.target.value)}
                placeholder="Adresse courriel"
                sx={{ marginBottom: '1rem' }}
-                fullWidth
+                fullWidth={true}
+                onKeyDown={handleReturnKey} // Add this line as well
            />

            <TextField
@ -62,7 +66,8 @@ const Login: React.FC = () => {
                onChange={(e) => setPassword(e.target.value)}
                placeholder="Mot de passe"
                sx={{ marginBottom: '1rem' }}
-                fullWidth
+                fullWidth={true}
+                onKeyDown={handleReturnKey} // Add this line as well
            />

            <LoadingButton
Author	SHA1	Message	Date
Christopher (Cris) Fuhrman	2a8913fadc	Merge pull request #263 from ets-cfuhrman-pfe/fuhrmanator/issue262 Some checks failed CI/CD Pipeline for Backend / build_and_push_backend (push) Failing after 53s Details CI/CD Pipeline for Nginx Router / build_and_push_nginx (push) Failing after 51s Details CI/CD Pipeline for Frontend / build_and_push_frontend (push) Failing after 18s Details Tests / tests (client) (push) Failing after 1m26s Details Tests / tests (server) (push) Failing after 1m1s Details Touche retour équivaut à un clique sur le bouton	2025-02-28 08:53:34 -05:00
C. Fuhrman	b1fc8e843b	ignorer touch si champs vide	2025-02-27 23:43:58 -05:00
C. Fuhrman	5b41f24404	Return key submits form Fixes #262	2025-02-27 23:20:17 -05:00