added a reset button

1 files changed, 4 insertions, 3 deletions

diff --git a/panel/src/pages/LoginPage.jsx b/panel/src/pages/LoginPage.jsx
index f763325..41169cb 100644
--- a/panel/src/pages/LoginPage.jsx
+++ b/panel/src/pages/LoginPage.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom'; // Import useNavigate
+import { useNavigate } from 'react-router-dom';
 import { signInWithEmailAndPassword } from 'firebase/auth';
 import { auth } from '../firebase';
 
@@ -7,7 +7,7 @@ const LoginPage = () => {
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
   const [error, setError] = useState('');
-  const navigate = useNavigate(); // Get the navigation function
+  const navigate = useNavigate();
 
   const handleLogin = async () => {
     console.log('Attempting login...');
@@ -53,7 +53,8 @@ const LoginPage = () => {
           />
         </div>
         {error && <p className="text-danger">{error}</p>}
-        <button onClick={handleLogin} className="btn btn-primary w-full">Login</button>
+        <button onClick={handleLogin} className="btn btn-primary w-full mb-2">Login</button>
+        <button onClick={() => navigate('/reset')} className="btn btn-secondary w-full">Reset Password</button>
       </div>
     </div>
   );