🐛 Fix reactivity between expense processing and travel authorization expense claim aproval tables.

Author: klondikemarlen

web/src/components/expenses/ExpensesProcessingDataTable.vue

@@ -226,10 +226,10 @@ async function approveExpense(expenseId: number): Promise<void> {
   try {
     await api.expenses.approveApi.create(expenseId)
     snack.success("Expense approved!")
-    emit("approved", expenseId)
+    refresh()
 
     await nextTick()
-    refresh()
+    emit("approved", expenseId)
   } finally {
     isProcessingExpenseMap.value.set(expenseId, false)
   }
@@ -239,8 +239,10 @@ function openExpenseRejectDialog(expenseId: number): void {
   expenseRejectDialogRef.value?.open(expenseId)
 }
 
-function refreshAndEmitRejected(expenseId: number): void {
+async function refreshAndEmitRejected(expenseId: number): Promise<void> {
   refresh()
+
+  await nextTick()
   emit("rejected", expenseId)
 }
 

web/src/components/travel-authorizations/finance/TravelAuthorizationsExpenseClaimApprovedDataTable.vue

@@ -184,10 +184,10 @@ async function approveTravelAuthorization(travelAuthorizationId: number): Promis
   try {
     await travelAuthorizationsApi.expense(travelAuthorizationId)
     snack.success("Travel authorization expensed!")
-    emit("expensed", travelAuthorizationId)
+    refresh()
 
     await nextTick()
-    refresh()
+    emit("expensed", travelAuthorizationId)
   } finally {
     isProcessingTravelAuthorizationMap.value.set(travelAuthorizationId, false)
   }

web/src/pages/ExpenseProcessingPage.vue

@@ -8,7 +8,7 @@
         <ExpensesProcessingCard
           ref="expensesProcessingCardRef"
           class="default"
-          @updated="refreshExpenseProcessingCard"
+          @updated="refreshTravelAuthorizationsExpenseClaimApprovedCard"
         />
       </v-col>
     </v-row>
@@ -17,7 +17,7 @@
         <TravelAuthorizationsExpenseClaimApprovedCard
           ref="travelAuthorizationsExpenseClaimApprovedCardRef"
           class="default mt-5"
-          @updated="refreshTravelAuthorizationsExpenseClaimApprovedCard"
+          @updated="refreshExpenseProcessingCard"
         />
       </v-col>
     </v-row>