feat(frontend): force email adress to signup

Author: JimmyDore

backend/app/api/endpoints/auth.py

@@ -16,13 +16,13 @@ def sign_up(user: UserCreate, db: Session = Depends(get_db)):
     if db.query(User).filter(User.username == user.username).first():
         raise HTTPException(
             status_code=status.HTTP_400_BAD_REQUEST,
-            detail="Username already registered"
+            detail="Email already registered"
         )
 
     if "@" not in user.username or "." not in user.username.split("@")[-1]:
         raise HTTPException(
             status_code=status.HTTP_400_BAD_REQUEST,
-            detail="Username must be a valid email address"
+            detail="Email must be a valid email address"
         )
 
     # Crée le nouvel utilisateur

backend/app/tests/api/test_auth.py

@@ -26,7 +26,7 @@ def test_sign_up_duplicate_username(client: TestClient, test_user):
         }
     )
     assert response.status_code == 400
-    assert "Username already registered" in response.json()["detail"]
+    assert "Email already registered" in response.json()["detail"]
 
 def test_sign_in_success(client: TestClient, test_user):
     response = client.post(

frontend/src/components/LoginForm.tsx

@@ -26,10 +26,12 @@ export default function LoginForm() {
     <form onSubmit={handleSubmit(onSubmit)} className="space-y-6">
       <div>
         <label htmlFor="username" className="block text-sm font-medium text-gray-700">
-          Username
+          Email address
         </label>
         <input
-          {...register('username', { required: 'Username is required' })}
+          {...register('username', { 
+            required: 'Email address is required',
+          })}
           type="text"
           className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500"
         />

frontend/src/components/SignUpForm.tsx

@@ -44,11 +44,11 @@ export default function SignUpForm() {
     <form onSubmit={handleSubmit(onSubmit)} className="space-y-6" method="POST">
       <div>
         <label htmlFor="username" className="block text-sm font-medium text-gray-700">
-          Username
+          Email
         </label>
         <input
-          {...register('username', { required: 'Username is required' })}
-          type="text"
+          {...register('username', { required: 'Email address is required' })}
+          type="email"
           className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500"
           disabled={success}
         />