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

Resloved the delay in expense action.

Browse Source
This commit is contained in:
Kartik Sharma 2025-08-06 14:39:36 +05:30
parent e4058a9cb4
commit bc3b543015
2 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Expenses/ViewExpense.jsx
View File

@ -30,7 +30,7 @@ import moment from "moment";
import ExpenseStatusLogs from "./ExpenseStatusLogs"; import ExpenseStatusLogs from "./ExpenseStatusLogs";
const ViewExpense = ({ ExpenseId }) => { const ViewExpense = ({ ExpenseId }) => {
const { data, isLoading, isError, error } = useExpense(ExpenseId); const { data, isLoading, isError, error, isFetching } = useExpense(ExpenseId);
const [IsPaymentProcess, setIsPaymentProcess] = useState(false); const [IsPaymentProcess, setIsPaymentProcess] = useState(false);
const [clickedStatusId, setClickedStatusId] = useState(null); const [clickedStatusId, setClickedStatusId] = useState(null);
@ -435,7 +435,7 @@ const ViewExpense = ({ ExpenseId }) => {
setValue("statusId", status.id); setValue("statusId", status.id);
handleSubmit(onSubmit)(); handleSubmit(onSubmit)();
}} }}
disabled={isPending} disabled={isPending || isFetching}
className="btn btn-primary btn-sm cursor-pointer mx-2 border-0" className="btn btn-primary btn-sm cursor-pointer mx-2 border-0"
> >
{isPending && clickedStatusId === status.id {isPending && clickedStatusId === status.id

43
src/hooks/useExpense.js
View File

@ -168,27 +168,27 @@ export const useActionOnExpense = (onSuccessCallBack) => {
onSuccess: (updatedExpense, variables) => { onSuccess: (updatedExpense, variables) => {
showToast("Request processed successfully.", "success"); showToast("Request processed successfully.", "success");
queryClient.setQueriesData( // queryClient.setQueriesData(
{ // {
queryKey: ["Expenses"], // queryKey: ["Expenses"],
exact: false, // exact: false,
}, // },
(oldData) => { // (oldData) => {
if (!oldData) return oldData; // if (!oldData) return oldData;
return { // return {
...oldData, // ...oldData,
data: oldData.data.map((item) => // data: oldData.data.map((item) =>
item.id === updatedExpense.id // item.id === updatedExpense.id
? { // ? {
...item, // ...item,
nextStatus: updatedExpense.nextStatus, // nextStatus: updatedExpense.nextStatus,
status: updatedExpense.status, // status: updatedExpense.status,
} // }
: item // : item
), // ),
}; // };
} // }
); // );
// queryClient.setQueriesData( // queryClient.setQueriesData(
// { queryKey: ["Expense", updatedExpense.id] }, // { queryKey: ["Expense", updatedExpense.id] },
// (oldData) => { // (oldData) => {
@ -200,6 +200,7 @@ export const useActionOnExpense = (onSuccessCallBack) => {
// } // }
// ); // );
queryClient.invalidateQueries({queryKey:["Expense",updatedExpense.id]}) queryClient.invalidateQueries({queryKey:["Expense",updatedExpense.id]})
queryClient.invalidateQueries({queryKey:["Expenses",updatedExpense.id]})
if (onSuccessCallBack) onSuccessCallBack(); if (onSuccessCallBack) onSuccessCallBack();
}, },