invalide transactionsHistory

src/hooks/useOrangeMoney.tsx

@@ -9,7 +9,7 @@ import InformationModal from "@components/modals/InformationModal";
 import LoadingModal from "@components/modals/LoadingModal";
 import { LOG } from "@logger";
 
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import * as WebBrowser from "expo-web-browser";
 import { useState } from "react";
 
@@ -25,6 +25,8 @@ const paymentObjectDefault: IorangePaymentStarter = {
 	commentaire: "Un commentaire",
 };
 const useOrangeMoney = () => {
+	const queryClient = useQueryClient();
+
 	const [isBrowserOpen, setIsBrowserOpen] = useState(false);
 	const { showModal, closeModal } = useModalsManagerContext();
 
@@ -45,6 +47,7 @@ const useOrangeMoney = () => {
 		onSuccess: (data) => {
 			// return data.payment_url
 			log.debug("orangeTransactionInitializerMutation request success, opening browser...");
+			queryClient.invalidateQueries({ queryKey: ["transactionsHistory"] });
 			// await handlePaymentUsingBrowser(data.payment_url);
 			// await transactionsStatusMutation.mutate(data.order_id);
 			// setResult(result);
@@ -61,10 +64,12 @@ const useOrangeMoney = () => {
 		mutationFn: (orderId: string) => getTransactionStatus(orderId),
 		onSuccess: (data) => {
 			log.debug("transactionsStatusMutation request success");
+			queryClient.invalidateQueries({ queryKey: ["transactionsHistory"] });
 			return data.status;
 		},
 		onError: (err) => {
 			log.error("transactionsStatusMutation |", err);
+			queryClient.invalidateQueries({ queryKey: ["transactionsHistory"] });
 		},
 		// retry: (failureCount, error) => {
 		// 	log.warn("transactionsStatusMutation | retrying", failureCount, error);