Changeset 8ca35dc for my-react-app/src/components/Login.js

Timestamp:

01/19/25 23:18:37 (4 months ago)

Author:

Aleksandar Panovski <apano77@…>

Branches:

main

Children:

f5b256e

Parents:

db39d9e

Message:

Done with stupid timeslots

File:

• my-react-app/src/components/Login.js (modified) (4 diffs)

my-react-app/src/components/Login.js

@@ -6 +6 @@
     const navigate = useNavigate();
     const [credentials, setCredentials] = useState({ username: '', password: '' });
+    const [error, setError] = useState('');
 
     const handleChange = (e) => {
@@ -15 +16 @@
         e.preventDefault();
         try {
-            const response = await axios.post('http://localhost:8080/api/login', {
+            const response = await axios.post('http://localhost:8081/api/login', {
                 email: credentials.username,
                 password: credentials.password
             });
             const { token } = response.data;
-            // Store token securely (e.g., using HTTP cookies)
+
+            // Store token securely (consider httpOnly cookies)
             localStorage.setItem('token', token);
 
@@ -27 +29 @@
             // Handle login failure
             console.error('Login failed:', error);
+            setError('Login failed. Please check your credentials and try again.');
         }
     };
-
 
     return (
@@ -53 +55 @@
                     />
                 </div>
+                {error && <div style={{ color: 'red' }}>{error}</div>}
                 <button type="submit">Login</button>
             </form>