Merge pull request #313 from letehaha/fix/query-keys-invalidation

fix: Query keys invalidation
letehaha · Sep 22, 2024 · fbcb971 · fbcb971
2 parents 03a12b5 + d28fe5b
commit fbcb971
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 10 deletions.
diff --git a/src/components/dialogs/manage-transaction/components/mark-as-refund/refund-records-list.vue b/src/components/dialogs/manage-transaction/components/mark-as-refund/refund-records-list.vue
@@ -86,7 +86,7 @@ const {
   isFetched,
 } = useInfiniteQuery({
   queryKey: [
-    VUE_QUERY_CACHE_KEYS.recordsPageTransactionList,
+    ...VUE_QUERY_CACHE_KEYS.recordsPageTransactionList,
     props.transactionType,
     appliedFilters,
   ],

diff --git a/src/components/dialogs/manage-transaction/dialog-content.vue b/src/components/dialogs/manage-transaction/dialog-content.vue
@@ -25,7 +25,6 @@ import {
   VERBOSE_PAYMENT_TYPES,
   OUT_OF_WALLET_ACCOUNT_MOCK,
   VUE_QUERY_TX_CHANGE_QUERY,
-  VUE_QUERY_CACHE_KEYS,
 } from "@/common/const";
 import InputField from "@/components/fields/input-field.vue";
 import SelectField from "@/components/fields/select-field.vue";
@@ -261,12 +260,6 @@ const submit = async () => {
     closeModal();
     // Reload all cached data in the app
     queryClient.invalidateQueries({ queryKey: [VUE_QUERY_TX_CHANGE_QUERY] });
-    queryClient.invalidateQueries({
-      queryKey: [
-        VUE_QUERY_CACHE_KEYS.recordsPageTransactionList,
-        refundTransactionsTypeBasedOnFormType.value,
-      ],
-    });
   } catch (e) {
     if (e instanceof ApiErrorResponseError) {
       addErrorNotification(e.data.message);

diff --git a/src/components/dialogs/manage-transaction/record-list.vue b/src/components/dialogs/manage-transaction/record-list.vue
@@ -48,7 +48,7 @@ const {
   hasNextPage,
   isFetched,
 } = useInfiniteQuery({
-  queryKey: [VUE_QUERY_CACHE_KEYS.recordsPageTransactionList, props.transactionType],
+  queryKey: [...VUE_QUERY_CACHE_KEYS.recordsPageTransactionList, props.transactionType],
   queryFn: fetchTransactions,
   initialPageParam: 0,
   getNextPageParam: (lastPage, pages) => {

diff --git a/src/pages/records/records.vue b/src/pages/records/records.vue
@@ -214,7 +214,7 @@ const {
   hasNextPage,
   isFetched,
 } = useInfiniteQuery({
-  queryKey: [VUE_QUERY_CACHE_KEYS.recordsPageRecordsList, appliedFilters],
+  queryKey: [...VUE_QUERY_CACHE_KEYS.recordsPageRecordsList, appliedFilters],
   queryFn: ({ pageParam }) => fetchTransactions({ pageParam, filter: appliedFilters.value }),
   initialPageParam: 0,
   getNextPageParam: (lastPage, pages) => {