From 4c7f08d38405f6931ea36e7c3db2ff66daa8d4c2 Mon Sep 17 00:00:00 2001
From: Saurabh Verma <saurabhv749@gmail.com>
Date: Tue, 1 Oct 2024 11:31:14 +0530
Subject: [PATCH] Replace MUI Links with React Router Links for navigation and
 consistency across the application

---
 src/containers/UserManagement/ForgotPassword.jsx | 5 +++--
 src/containers/UserManagement/Login.jsx          | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/containers/UserManagement/ForgotPassword.jsx b/src/containers/UserManagement/ForgotPassword.jsx
index 42000cc8..c6e9dc49 100644
--- a/src/containers/UserManagement/ForgotPassword.jsx
+++ b/src/containers/UserManagement/ForgotPassword.jsx
@@ -1,11 +1,12 @@
 import React, { useState } from "react";
 import { useDispatch } from "react-redux";
+import { Link } from "react-router-dom";
 
 //Styles
 import { LoginStyle } from "styles";
 
 //Components
-import { Grid, Typography, Link, Button } from "@mui/material";
+import { Grid, Typography, Button } from "@mui/material";
 import AppInfo from "./AppInfo";
 import { OutlinedTextField } from "common";
 
@@ -74,7 +75,7 @@ const ForgotPassword = () => {
         </Grid>
         <Grid item xs={12} sm={12} md={12} lg={12} xl={12} textAlign={"right"}>
           <Typography>
-            <Link href="/login"style={{ fontSize: "14px" }}>
+            <Link to="/login" style={{ fontSize: "14px" }}>
               Back to Login
             </Link>
           </Typography>
diff --git a/src/containers/UserManagement/Login.jsx b/src/containers/UserManagement/Login.jsx
index 137eec86..adefcc89 100644
--- a/src/containers/UserManagement/Login.jsx
+++ b/src/containers/UserManagement/Login.jsx
@@ -1,6 +1,6 @@
 import { useState, useEffect, useCallback } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { useNavigate } from "react-router-dom";
+import { useNavigate,Link } from "react-router-dom";
 import { translate } from "config";
 
 //Styles
@@ -9,7 +9,7 @@ import { themeDefault } from "theme";
 
 
 //Components
-import { Box, Grid, Link, ThemeProvider, Button } from "@mui/material";
+import { Box, Grid, ThemeProvider, Button } from "@mui/material";
 import IconButton from "@mui/material/IconButton";
 import Visibility from "@mui/icons-material/Visibility";
 import InputAdornment from "@mui/material/InputAdornment";
@@ -172,7 +172,7 @@ const Login = () => {
       <Box display="flex" flexDirection="column" width="100%">
         <Box marginLeft="auto" marginBottom="10px">
           <Link
-            onClick={() => navigate("/forgot-password")}
+            to="/forgot-password"
             style={{ cursor: "pointer" }}
           >
             Forgot Password?