src/pages/employee/EmployeeProfile.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useSearchParams, useParams, useNavigate } from "react-router-dom";
-import { useDispatch, useSelector } from "react-redux";
+import { useSelector } from "react-redux";
 
 import {
   useEmployee,
@@ -23,33 +23,22 @@ import EmpBanner from "../../components/Employee/EmpBanner";
 import EmpDashboard from "../../components/Employee/EmpDashboard";
 import EmpDocuments from "../../components/Employee/EmpDocuments";
 import EmpActivities from "../../components/Employee/EmpActivities";
-import { setProjectId } from "../../slices/localVariablesSlice";
 
 const EmployeeProfile = () => {
   const { profile } = useProfile();
 
   const projectID = useSelector((store) => store.localVariables.projectId);
-
   const { employeeId } = useParams();
-  const dispatch = useDispatch();
 
   const [SearchParams] = useSearchParams();
   const tab = SearchParams.get("for");
   const [activePill, setActivePill] = useState(tab || "profile");
   const [showModal, setShowModal] = useState(false);
-  const {
+  const {data:currentEmployee,isLoading,isError,error}  = useEmployee(employeeId)
-    data: currentEmployee,
-    isLoading,
-    isError,
-    error,
-  } = useEmployee(employeeId);
   const handlePillClick = (pillKey) => {
     setActivePill(pillKey);
   };
 
-  useEffect(() => {
-    dispatch(setProjectId(null));
-  }, [projectID]);
 
   const navigate = useNavigate();
   const renderContent = () => {
@@ -98,7 +87,7 @@ const EmployeeProfile = () => {
   if (isLoading) {
     return <div>Loading...</div>;
   }
-  if (isError) return <div>{error.message}</div>;
+  if(isError) return <div >{error.message}</div>
   return (
     <>
       <div className="container-fluid">