diff options
-rw-r--r-- | panel/src/components/PrivateRoute.jsx | 23 | ||||
-rw-r--r-- | panel/src/pages/LoginPage.jsx | 10 |
2 files changed, 25 insertions, 8 deletions
diff --git a/panel/src/components/PrivateRoute.jsx b/panel/src/components/PrivateRoute.jsx index 04e00f7..2160f74 100644 --- a/panel/src/components/PrivateRoute.jsx +++ b/panel/src/components/PrivateRoute.jsx @@ -1,10 +1,17 @@ -import React from 'react'; -import { Navigate, Outlet } from 'react-router-dom'; -import { useAuth } from '../contexts/AuthContext'; +import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; +import LoginPage from '../pages/LoginPage'; +import Dashboard from '../pages/Dashboard'; // Assuming you have a Dashboard component -const PrivateRoute = () => { - const { currentUser } = useAuth(); - return currentUser ? <Outlet /> : <Navigate to="/login" />; -}; +function App() { + return ( + <Router> + <Routes> + <Route path="/login" element={<LoginPage />} /> + <Route path="/dashboard" element={<Dashboard />} /> + {/* Other routes */} + </Routes> + </Router> + ); +} -export default PrivateRoute; +export default App; diff --git a/panel/src/pages/LoginPage.jsx b/panel/src/pages/LoginPage.jsx index 37ce32f..f763325 100644 --- a/panel/src/pages/LoginPage.jsx +++ b/panel/src/pages/LoginPage.jsx @@ -1,4 +1,5 @@ import React, { useState } from 'react'; +import { useNavigate } from 'react-router-dom'; // Import useNavigate import { signInWithEmailAndPassword } from 'firebase/auth'; import { auth } from '../firebase'; @@ -6,17 +7,26 @@ const LoginPage = () => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [error, setError] = useState(''); + const navigate = useNavigate(); // Get the navigation function const handleLogin = async () => { + console.log('Attempting login...'); + console.log('Email:', email); + console.log('Password:', password); + if (password.length < 8) { setError('The password should be minimum 8 digits'); + console.log('Error:', 'The password should be minimum 8 digits'); return; } try { await signInWithEmailAndPassword(auth, email, password); + console.log('Login successful'); + navigate('/dashboard'); // Redirect to the dashboard after successful login } catch (error) { setError(error.message); + console.log('Error:', error.message); } }; |