From 5016b8e5bdb1dc9fca59877d4bfb4941c66d2ea5 Mon Sep 17 00:00:00 2001
From: David Arranz <darranz@rodax-software.com>
Date: Mon, 26 Aug 2024 18:26:46 +0200
Subject: [PATCH] .

---
 client/src/app/quotes/edit.tsx                |  1 +
 client/src/app/quotes/hooks/useQuotes.tsx     | 28 +++++++++++++++----
 .../src/lib/hooks/useDataSource/useList.tsx   | 18 ++++++------
 3 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/client/src/app/quotes/edit.tsx b/client/src/app/quotes/edit.tsx
index 9c5197f..3e44ade 100644
--- a/client/src/app/quotes/edit.tsx
+++ b/client/src/app/quotes/edit.tsx
@@ -141,6 +141,7 @@ export const QuoteEdit = () => {
       },
       //onSettled: () => {},
       onSuccess: () => {
+        console.log("onsuccess 2");
         reset(getValues());
         toast.success("Cotización guardada");
         if (shouldRedirect) {
diff --git a/client/src/app/quotes/hooks/useQuotes.tsx b/client/src/app/quotes/hooks/useQuotes.tsx
index 01a7870..e7a1c0c 100644
--- a/client/src/app/quotes/hooks/useQuotes.tsx
+++ b/client/src/app/quotes/hooks/useQuotes.tsx
@@ -14,6 +14,7 @@ import {
   IUpdateQuote_Response_DTO,
   UniqueID,
 } from "@shared/contexts";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useCallback, useState } from "react";
 import slugify from "slugify";
 
@@ -96,8 +97,9 @@ export const useQuotes = () => {
       });
     },
 
-    useCreate: () =>
-      useSave<ICreateQuote_Response_DTO, TDataSourceError, ICreateQuote_Request_DTO>({
+    useCreate: () => {
+      const queryClient = useQueryClient();
+      return useSave<ICreateQuote_Response_DTO, TDataSourceError, ICreateQuote_Request_DTO>({
         //mutationKey: keys().data().resource("quotes").action("one").id("").params().get(),
         mutationFn: (data) => {
           const { date } = data;
@@ -115,10 +117,18 @@ export const useQuotes = () => {
             },
           });
         },
-      }),
+        onSuccess: () => {
+          queryClient.invalidateQueries({
+            queryKey: ["data", "default", "quotes"],
+          });
+        },
+      });
+    },
 
-    useUpdate: (id: string) =>
-      useSave<IUpdateQuote_Response_DTO, TDataSourceError, IUpdateQuote_Request_DTO>({
+    useUpdate: (id: string) => {
+      const queryClient = useQueryClient();
+
+      return useMutation<IUpdateQuote_Response_DTO, TDataSourceError, IUpdateQuote_Request_DTO>({
         mutationKey: keys().data().resource("quotes").action("one").id(id).params().get(),
         mutationFn: (data) => {
           const { date } = data;
@@ -132,7 +142,13 @@ export const useQuotes = () => {
             },
           });
         },
-      }),
+        onSuccess: () => {
+          queryClient.invalidateQueries({
+            queryKey: ["data", "default", "quotes"],
+          });
+        },
+      });
+    },
 
     useOne: (id?: string, params?: UseQuotesGetParamsType) =>
       useOne<IGetQuote_Response_DTO>({
diff --git a/client/src/lib/hooks/useDataSource/useList.tsx b/client/src/lib/hooks/useDataSource/useList.tsx
index a50906d..59c1525 100644
--- a/client/src/lib/hooks/useDataSource/useList.tsx
+++ b/client/src/lib/hooks/useDataSource/useList.tsx
@@ -27,10 +27,12 @@ export type UseListQueryOptions<TUseListQueryData, TUseListQueryError> = {
   queryOptions?: Record<string, unknown>;
 } & UseLoadingOvertimeOptionsProps;
 
-export type UseListQueryResult<TUseListQueryData, TUseListQueryError> =
-  UseQueryResult<TUseListQueryData, TUseListQueryError> & {
-    isEmpty: boolean;
-  } & UseLoadingOvertimeReturnType;
+export type UseListQueryResult<TUseListQueryData, TUseListQueryError> = UseQueryResult<
+  TUseListQueryData,
+  TUseListQueryError
+> & {
+  isEmpty: boolean;
+} & UseLoadingOvertimeReturnType;
 
 export const useList = <TUseListQueryData, TUseListQueryError>({
   queryKey,
@@ -39,18 +41,18 @@ export const useList = <TUseListQueryData, TUseListQueryError>({
   select,
   queryOptions = {},
   overtimeOptions,
-}: UseListQueryOptions<
+}: UseListQueryOptions<TUseListQueryData, TUseListQueryError>): UseListQueryResult<
   TUseListQueryData,
   TUseListQueryError
->): UseListQueryResult<TUseListQueryData, TUseListQueryError> => {
+> => {
   const [isEmpty, setIsEmpty] = useState<boolean>(false);
 
   const queryResponse = useQuery<TUseListQueryData, TUseListQueryError>({
     queryKey,
     queryFn,
     placeholderData: keepPreviousData,
-    staleTime: DEFAULT_STALE_TIME,
-    refetchInterval: DEFAULT_REFETCH_INTERVAL,
+    //staleTime: DEFAULT_STALE_TIME,
+    //refetchInterval: DEFAULT_REFETCH_INTERVAL,
     refetchOnWindowFocus: true,
     enabled: enabled && !!queryFn,
     select,