feat(expenses): add edit amount and due date for pending expenses

apps/frontend/src/features/expenses/ExpensesProvider.tsx

@@ -18,6 +18,7 @@ import type {
   PaginatedResponse,
   PayExpenseInput,
   PeriodicExpense,
+  UpdateExpenseInput,
 } from "@/lib/api";
 import {
   useCreateNonPeriodicExpense,
@@ -31,6 +32,7 @@ import {
   usePayExpense,
   usePeriodicExpenses,
   useTotalPending,
+  useUpdateExpense,
   useUpdatePeriodicExpense,
 } from "@/lib/queries";
 
@@ -68,6 +70,7 @@ interface ExpensesContextValue {
     data: CreateNonPeriodicExpenseInput,
   ) => Promise<void>;
   payExpense: (id: number, data: PayExpenseInput) => Promise<void>;
+  updateExpense: (id: number, data: UpdateExpenseInput) => Promise<void>;
   importPeriodicExpenses: (file: File) => Promise<ImportResult>;
   importExpenses: (file: File) => Promise<ImportExpensesResult>;
 }
@@ -133,6 +136,7 @@ export function ExpensesProvider({
   const generateMonthlyMutation = useGenerateMonthlyExpense();
   const createExpenseMutation = useCreateNonPeriodicExpense();
   const payExpenseMutation = usePayExpense();
+  const updateExpenseMutation = useUpdateExpense();
   const importPeriodicMutation = useImportPeriodicExpenses();
   const importExpensesMutation = useImportExpenses();
 
@@ -192,6 +196,13 @@ export function ExpensesProvider({
     [payExpenseMutation],
   );
 
+  const updateExpenseFn = useCallback(
+    async (id: number, data: UpdateExpenseInput) => {
+      await updateExpenseMutation.mutateAsync({ id, data });
+    },
+    [updateExpenseMutation],
+  );
+
   return (
     <ExpensesContext
       value={{
@@ -218,6 +229,7 @@ export function ExpensesProvider({
         generateMonthlyExpense: generateMonthlyExpenseFn,
         createNonPeriodicExpense: createNonPeriodicExpenseFn,
         payExpense: payExpenseFn,
+        updateExpense: updateExpenseFn,
         importPeriodicExpenses: importPeriodicExpensesFn,
         importExpenses: importExpensesFn,
       }}