risadmin_prod/Authsec_ReactBootStrapNew
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

menu access control data fetching/displaying

Browse Source
This commit is contained in:
Harish Sargar 2025-04-04 00:03:51 +05:30
parent a7965fc12f
commit 183c4b9830
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Dashboard/MenuAccessControl.js
View File

@ -20,6 +20,7 @@ import { BsJournals } from "react-icons/bs";
import Spinner from '../../UIComponants/Spinner'; import Spinner from '../../UIComponants/Spinner';
import { getByUsrGrpId } from "APIServices/MenuAccessControlAPI"; import { getByUsrGrpId } from "APIServices/MenuAccessControlAPI";
import { toast } from "react-toastify"; import { toast } from "react-toastify";
import {getToken } from "../../utils/tokenService"
function MenuAccessControl({ selected, Sync }) { function MenuAccessControl({ selected, Sync }) {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
@ -116,7 +117,8 @@ function MenuAccessControl({ selected, Sync }) {
useEffect(() => { useEffect(() => {
const apiUrl = `${process.env.REACT_APP_API_URL}/api/getAllUsrGrp`; const apiUrl = `${process.env.REACT_APP_API_URL}/api/getAllUsrGrp`;
const token = localStorage.getItem("authToken"); // const token = localStorage.getItem("CurrentUser");
const token = getToken()
const fetchMenuItems = async () => { const fetchMenuItems = async () => {
try { try {
const response = await fetch(apiUrl, { const response = await fetch(apiUrl, {
@ -186,6 +188,21 @@ function MenuAccessControl({ selected, Sync }) {
return; return;
} }
console.log("Data fetched successfully:", data); console.log("Data fetched successfully:", data);
// Transform the data to match the table structure
const transformedData = data.map(item => ({
menuId: item.menuItemId.menuItemId,
menuItemName: item.main_menu_action_name || item.menuItemDesc,
view: item.mvisible === "true",
create: item.mcreate === "true",
edit: item.medit === "true",
delete: item.mdelete === "true",
query: item.mquery === "true",
export: item.mexport === "true",
isActive: item.status === "Enable"
}));
setSlicedMenus(transformedData);
setAlldata(data); setAlldata(data);
toast.success("Data fetched successfully!"); toast.success("Data fetched successfully!");
} catch (error) { } catch (error) {
@ -281,9 +298,9 @@ function MenuAccessControl({ selected, Sync }) {
setToggle(!toggle); setToggle(!toggle);
}; };
slicedMenus = menuItems const filteredMenus = slicedMenus
.filter((item) => .filter((item) =>
item.menuName && item.menuName.toLowerCase().includes(searchQuery.toLowerCase()) item.menuItemName && item.menuItemName.toLowerCase().includes(searchQuery.toLowerCase())
) )
.slice((currentPage - 1) * recordsPerPage, currentPage * recordsPerPage); .slice((currentPage - 1) * recordsPerPage, currentPage * recordsPerPage);
return ( return (