Merge pull request #123 from Mehtarishita/main

login feature redirect done

frontend/src/Pages/LoginPage.jsx

@@ -1,14 +1,17 @@
 import React, { useState } from 'react'; 
 import logo from '../assets/stationsaarthi.svg'; // Import your logo 
 import { useNavigate } from 'react-router-dom';
-
+import backicon from '../assets/svg/backicon.svg'; // Assuming you have a back icon
 const Login = () => {
     const [username, setUsername] = useState(''); 
     const [password, setPassword] = useState(''); 
     const navigate = useNavigate();
     const RegisterClick = () => {
         navigate('/Register'); // Navigates to the login page
     }
+    const HomeClick = () => {   
+        navigate('/'); // Navigates to the home page
+    }
     const handleLogin = (e) => { 
         e.preventDefault(); 
         // Handle login logic here 
@@ -18,6 +21,7 @@ const Login = () => {
     return ( 
         <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-b from-blue-100 to-blue-5000">
             {/* Logo and Title */} 
+            <div ><button onClick={HomeClick}><img src={backicon} alt="" srcset="" className='fixed left-[1vh] h-[9vh] w-auto' /></button></div>
             <div className="mb-10 text-center ">
                 <img src={logo} alt="Station Saarthi Logo" className="w-20 mx-auto h-22 " />
                 <h1 className="mt-4 text-4xl font-bold text-gray-800 ">Station Saarthi</h1>

frontend/src/Pages/Register.jsx

@@ -1,13 +1,16 @@
 import React, { useState } from 'react';
 import logo from '../assets/stationsaarthi.svg'; // Ensure the path is correct
 import { useNavigate } from 'react-router-dom';
-
+import backicon from '../assets/svg/backicon.svg';
 const Register = () => {
 
     const navigate = useNavigate();
     const LoginClick = () => {
         navigate('/Login'); // Navigates to the login page
     };
+    const HomeClick = () => {
+        navigate('/'); // Navigates to the home page
+    };
 
     const [name, setName] = useState('');
     const [phoneNumber, setPhoneNumber] = useState('');
@@ -20,8 +23,11 @@ const Register = () => {
     };
 
     return (
+        <>
+
         <div className="flex flex-col items-center justify-center min-h-screen px-4 bg-gradient-to-b from-blue-100 to-blue-5000">
             {/* Logo and Title */}
+             <div ><button onClick={HomeClick}><img src={backicon} alt="" srcset="" className='fixed left-[1vh] h-[9vh] w-auto' /></button></div>
             <div className="mb-6 text-center">
                 <img src={logo} alt="Station Saarthi Logo" className="w-20 mx-auto mb-2 h-22" />
                 <h1 className="text-2xl font-bold text-gray-800">Station Saarthi</h1>
@@ -120,6 +126,7 @@ const Register = () => {
                     className="text-blue-500 underline cursor-pointer"> Login</button>
             </p>
         </div>
+        </>
     );
 };