initialized vite+react project

1 files changed, 0 insertions, 58 deletions

diff --git a/src/components/Login.js b/src/components/Login.js
deleted file mode 100644
index 717a3ae..0000000
--- a/src/components/Login.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import React, { useState } from 'react';
-import axios from 'axios';
-import { useNavigate } from 'react-router-dom';
-
-function Login() {
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
-  const [error, setError] = useState('');
-  const navigate = useNavigate(); // Initialize useNavigate hook
-
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    try {
-      console.log('Attempting login with:', { username, password });
-      const response = await axios.post('http://localhost:5000/login', {
-        username,
-        password,
-      });
-      const { token } = response.data;
-      console.log('Login successful, token:', token);
-      localStorage.setItem('jwtToken', token);
-      navigate('/admin'); // Redirect to the admin page
-    } catch (error) {
-      setError('Invalid credentials');
-      console.error('Error logging in', error);
-    }
-  };
-
-  return (
-    <div className="Login">
-      <h2>Login</h2>
-      {error && <p style={{ color: 'red' }}>{error}</p>}
-      <form onSubmit={handleSubmit}>
-        <div>
-          <label>Username:</label>
-          <input
-            type="text"
-            value={username}
-            onChange={(e) => setUsername(e.target.value)}
-            required
-          />
-        </div>
-        <div>
-          <label>Password:</label>
-          <input
-            type="password"
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-            required
-          />
-        </div>
-        <button type="submit">Login</button>
-      </form>
-    </div>
-  );
-}
-
-export default Login;