admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

added edit and delete who can perform action

Browse Source
This commit is contained in:
pramod mahajan 2025-07-28 14:12:06 +05:30
parent e2d45e54a0
commit 3464b63588
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Expenses/ExpenseList.jsx
View File

@ -4,24 +4,27 @@ import Avatar from "../common/Avatar";
import { useExpenseContext } from "../../pages/Expense/ExpensePage"; import { useExpenseContext } from "../../pages/Expense/ExpensePage";
import { formatDate, formatUTCToLocalTime } from "../../utils/dateUtils"; import { formatDate, formatUTCToLocalTime } from "../../utils/dateUtils";
import Pagination from "../common/Pagination"; import Pagination from "../common/Pagination";
import { ITEMS_PER_PAGE } from "../../utils/constants"; import { APPROVE_EXPENSE, ITEMS_PER_PAGE } from "../../utils/constants";
import { AppColorconfig, getColorNameFromHex } from "../../utils/appUtils"; import { AppColorconfig, getColorNameFromHex } from "../../utils/appUtils";
import { ExpenseTableSkeleton } from "./ExpenseSkeleton"; import { ExpenseTableSkeleton } from "./ExpenseSkeleton";
import ConfirmModal from "../common/ConfirmModal"; import ConfirmModal from "../common/ConfirmModal";
import { useProfile } from "../../hooks/useProfile"; import { useHasUserPermission } from "../../hooks/useHasUserPermission";
import { useSelector } from "react-redux";
const ExpenseList = ({filters}) => { const ExpenseList = ({filters}) => {
const [deletingId, setDeletingId] = useState(null); const [deletingId, setDeletingId] = useState(null);
const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false); const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
const { setViewExpense, setManageExpenseModal } = useExpenseContext(); const { setViewExpense, setManageExpenseModal } = useExpenseContext();
const IsExpenseEditable = useHasUserPermission()
const IsExpesneApprpve = useHasUserPermission(APPROVE_EXPENSE)
const [currentPage, setCurrentPage] = useState(1); const [currentPage, setCurrentPage] = useState(1);
const pageSize = 10; const pageSize = 10;
const { profile } = useProfile();
const { mutate: DeleteExpense, isPending } = useDeleteExpense(); const { mutate: DeleteExpense, isPending } = useDeleteExpense();
const { data, isLoading, isError, isInitialLoading, error, isFetching } = const { data, isLoading, isError, isInitialLoading, error, isFetching } =
useExpenseList(10, currentPage, filters); useExpenseList(10, currentPage, filters);
const SelfId = useSelector((store)=>store?.globalVariables?.loginUser?.employeeInfo?.id)
const handleDelete = (id) => { const handleDelete = (id) => {
setDeletingId(id); setDeletingId(id);
@ -260,7 +263,7 @@ const ExpenseList = ({filters}) => {
{(expense.status.name === "Draft" || {(expense.status.name === "Draft" ||
expense.status.name === "Rejected") && expense.status.name === "Rejected") &&
expense.createdBy.id === expense.createdBy.id ===
profile?.employeeInfo.id ? ( SelfId ? (
<i <i
className="bx bx-edit bx-sm text-secondary" className="bx bx-edit bx-sm text-secondary"
onClick={() => onClick={() =>
@ -279,7 +282,7 @@ const ExpenseList = ({filters}) => {
</span> </span>
<span className="cursor-pointer"> <span className="cursor-pointer">
{expense.status.name === "Draft" ? ( {(expense.status.name === "Draft" && expense?.createdBy?.id === SelfId ) ? (
<i <i
className="bx bx-trash bx-sm text-danger" className="bx bx-trash bx-sm text-danger"
onClick={() => { onClick={() => {