From d1d3531d65e5e6a76ded8faadff3b1bb978df44f Mon Sep 17 00:00:00 2001
From: p2405951 <malo.leblond@etu.univ-lyon1.fr>
Date: Tue, 17 Mar 2026 09:30:36 +0100
Subject: [PATCH] add shortcut on login

---
 .../{RegisterPage.jsx => RegisterPage.tsx}    | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)
 rename src/pages/Register/{RegisterPage.jsx => RegisterPage.tsx} (86%)

diff --git a/src/pages/Register/RegisterPage.jsx b/src/pages/Register/RegisterPage.tsx
similarity index 86%
rename from src/pages/Register/RegisterPage.jsx
rename to src/pages/Register/RegisterPage.tsx
index 949348b..74849a1 100644
--- a/src/pages/Register/RegisterPage.jsx
+++ b/src/pages/Register/RegisterPage.tsx
@@ -1,12 +1,13 @@
 import styles from "./RegisterPage.module.css";
-import Background from "../../components/Background/Background.jsx";
+import Background from "../../components/Background/Background";
 import Input from "../../components/ui/Input/Input";
 import Button from "../../components/ui/Button/Button";
 import {useContext, useEffect, useState} from "react";
 import register from "../../utils/register.js";
 import { useNavigate } from "react-router";
-import { AuthContext } from "../../contexts/Auth/AuthContext.js";
+import { AuthContext } from "../../contexts/Auth/AuthContext";
 import Modal from "../../components/ui/Modal/Modal";
+import {AuthContextType } from "../../../src/contexts/Auth/AuthContext";
 
 
 function RegisterPage() {
@@ -22,8 +23,7 @@ function RegisterPage() {
     const [open, setOpen] = useState(false);
     const [title, setTitle] = useState("");
     const [message, setMessage] = useState("");
-
-    const { user, loading } = useContext(AuthContext)
+    const { user, loading } = useContext(AuthContext) as AuthContextType
 
     useEffect(() => {
         if (!loading && user) {
@@ -31,15 +31,21 @@ function RegisterPage() {
         }
     }, [loading, user]);
 
-    const handleModal = (t, m) => {
+    const handleModal = (t: string, m: string) => {
         setTitle(t)
         setMessage(m)
         setOpen(true);
     }
 
-    async function handleSubmit(e) {
-        e.preventDefault();
-
+    const handleKeyDown = (e: React.KeyboardEvent) => {
+        if (e.key === 'Enter') {
+            handleSubmit();
+        }
+    };
+    
+    async function handleSubmit():Promise<void>
+     {
+       
         if(!(password === confirmPassword)) handleModal("Mot de passe invalide", "Les mots de passes ne conrrespondent pas");
         else if(password.length < 8) handleModal("Mot de passe invalide", "Le mot de passe doit faire plus de 8 charactères");
         else {
@@ -54,7 +60,7 @@ function RegisterPage() {
         }
     }
 
-    const handlePhone = (e) => {
+    const handlePhone = (e:React.ChangeEvent<HTMLInputElement>) => {
         const value = e.target.value;
         if (value === "" || /^[0-9 +]+$/.test(value)) {
             setPhone(value);
@@ -62,13 +68,13 @@ function RegisterPage() {
     };
 
 
-    return <Background>
+    return <Background className="">
 
         <div className={styles.container}>
 
             <h1 className={styles.title}>Créer un compte</h1>
 
-            <div className={`glassCard ${styles.inputContainer}`}>
+            <div className={`glassCard ${styles.inputContainer}`} onKeyDown={handleKeyDown}>
 
                 <div className={styles.formGroup}>
                     <Input