src/pages/employee/EmployeeList.jsx

@@ -9,7 +9,7 @@ import { useEmployeesAllOrByProjectId, useSuspendEmployee } from "../../hooks/us
 import { useProjects } from "../../hooks/useProjects";
 import { useProfile } from "../../hooks/useProfile";
 import { hasUserPermission } from "../../utils/authUtils";
-import { ITEMS_PER_PAGE, MANAGE_EMPLOYEES } from "../../utils/constants";
+import { ITEMS_PER_PAGE, MANAGE_EMPLOYEES, VIEW_ALL_EMPLOYEES, VIEW_TEAM_MEMBERS } from "../../utils/constants";
 import { clearCacheKey } from "../../slices/apiDataManager";
 import { useHasUserPermission } from "../../hooks/useHasUserPermission";
 import SuspendEmp from "../../components/Employee/SuspendEmp"; // Keep if you use SuspendEmp
@@ -56,6 +56,8 @@ const EmployeeList = () => {
   const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [selectedEmpFordelete, setSelectedEmpFordelete] = useState(null);
   const [ employeeLodaing, setemployeeLodaing ] = useState( false );
+  const ViewTeamMember = useHasUserPermission(VIEW_TEAM_MEMBERS)
+  const ViewAllEmployee = useHasUserPermission(VIEW_ALL_EMPLOYEES)
   const {
   mutate: suspendEmployee,
   isPending: empLodaing
@@ -120,23 +122,6 @@ useEffect(() => {
     setIsCreateModalOpen(true);
    };
 
-  // const closeModal = () => {
-  //   setIsCreateModalOpen(false);
-
-  //   const modalElement = document.getElementById("managerole-modal");
-  //   if (modalElement && !showModal) {
-  //     modalElement.classList.remove("show");
-  //     modalElement.style.display = "none";
-  //     document.body.classList.remove("modal-open");
-  //     document.querySelector(".modal-backdrop")?.remove();
-  //   }
-  //   setShowModal(false);
-  //   clearCacheKey("employeeProfile");
-  //   recallEmployeeData(showInactive, showAllEmployees ? null : selectedProjectId); // Use selectedProjectId here
-  // };
-  // const handleShow = () => setShowModal(true);
-  // const handleClose = () => setShowModal( false );
-  
 useEffect(() => {
   if (!loading && Array.isArray(employees)) {
     const sorted = [...employees].sort((a, b) => {
@@ -296,7 +281,9 @@ const handleAllEmployeesToggle = (e) => {
             { label: "Employees", link: null },
           ]}
         ></Breadcrumb>
-        <div className="row">
+
+      
+        {ViewTeamMember ? (<div className="row">
           <div className="card ">
             <div className="card-datatable table-responsive pt-2">
 
@@ -309,6 +296,7 @@ const handleAllEmployeesToggle = (e) => {
                   {/* Switches: All Employees + Inactive */}
                   <div className="d-flex flex-wrap align-items-center gap-3">
                     {/* All Employees Switch */}
+                   {ViewAllEmployee && (
                     <div className="form-check form-switch text-start">
                       <input
                         type="checkbox"
@@ -322,6 +310,7 @@ const handleAllEmployeesToggle = (e) => {
                         All Employees
                       </label>
                     </div>
+                   ) } 
 
                     {/* Show Inactive Employees Switch */}
                     {showAllEmployees && (
@@ -702,8 +691,15 @@ const handleAllEmployeesToggle = (e) => {
               </div>
             </div>
           </div>
+        </div>):(
+          <div className="card">
+           <div className="text-center">
+                <i className="fa-solid fa-triangle-exclamation fs-5"></i>
+                <p>Access Denied: You don't have permission to perform this action. !</p>
               </div>
           </div>
+        )}
+      </div>
     </>
   );
 };

src/utils/constants.jsx

@@ -11,6 +11,11 @@ export const VIEW_PROJECTS = "6ea44136-987e-44ba-9e5d-1cf8f5837ebc"
 
 export const MANAGE_EMPLOYEES = "a97d366a-c2bb-448d-be93-402bd2324566"
 
+export const VIEW_ALL_EMPLOYEES = "60611762-7f8a-4fb5-b53f-b1139918796b"
+
+export const VIEW_TEAM_MEMBERS = "b82d2b7e-0d52-45f3-997b-c008ea460e7f"
+
+
 export const MANAGE_PROJECT_INFRA = "cf2825ad-453b-46aa-91d9-27c124d63373"
 
 export const VIEW_PROJECT_INFRA = "8d7cc6e3-9147-41f7-aaa7-fa507e450bd4"