$

src/pages/authenticated/login.jsx

@@ -3,40 +3,44 @@ import React, { useState } from "react";
 import { useAuth } from "../../hooks";
 
 export const Login = () => {
-    const { login } = useAuth();
+  const { login } = useAuth();
 
-    const [username, setUsername] = useState("");
-    const [password, setPassword] = useState("");
-    const [error, setError] = useState();
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState();
 
-    const onSubmit = async (e) => {
-        e.preventDefault();
-        const response = await login(username, password);
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    const response = await login(username, password);
 
-        if (response && !response.success) {
-            setError(response.error);
-        }
-    };
+    if (response && !response.success) {
+      console.log("salut");
+      setError(response.error);
+    }
+  };
 
-    return (
-        <div>
-            <h1>Login page</h1>
-            {error && <p className="text-red-500">{error}</p>}
-            <form onSubmit={onSubmit}>
-                <input
-                    type="text"
-                    value={username}
-                    placeholder="username"
-                    onChange={(e) => setUsername(e.target.value)}
-                />
-                <input
-                    type="password"
-                    value={password}
-                    placeholder="password"
-                    onChange={(e) => setPassword(e.target.value)}
-                />
-                <button type="submit">submit</button>
-            </form>
-        </div>
-    );
+  return (
+    <div>
+      <h1>Login page</h1>
+      {error && <p className="text-red-500">{error}</p>}
+
+      <form onSubmit={onSubmit}>
+        <input
+          type="text"
+          value={username}
+          placeholder="username"
+          required
+          onChange={(e) => setUsername(e.target.value)}
+        />
+        <input
+          type="password"
+          value={password}
+          placeholder="password"
+          required
+          onChange={(e) => setPassword(e.target.value)}
+        />
+        <button type="submit">submit</button>
+      </form>
+    </div>
+  );
 };