refreshes transaction details page on new transaction link click

src/components/layouts/rightaside/Orders.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import {Link} from 'react-router-dom'
-import Img from '../../../assets/user_avatar.jpg'
+import Img from '../../../assets/loans.png'
 import formatNumber from '../../../helpers/formatNumber'
 import CustomCounter from '../../CustomCounter'
 import RouteLinks from '../../../RouteLinks'

src/components/transactionDetails/LoanChargeDetails.jsx

@@ -14,7 +14,7 @@ export default function LoanChargeDetails({transactionID}) {
     const [page, setPage] = useState(1)
 
     const {data, isFetching, isError, error} = useQuery({
-        queryKey: [...queryKeys.loan_charges, page],
+        queryKey: [...queryKeys.loan_charges, page, transactionID],
         queryFn: () => getLoanCharges({transaction_id: transactionID, page}),
         staleTime: 0,
         // placeholderData: keepPreviousData,

src/components/transactionDetails/LoanDetails.jsx

@@ -14,7 +14,7 @@ import { initiateDisburseRetrials } from "../../services/siteEventService"
 export default function LoanDetails({transactionID}) {
 
     const {data: allLoans, isFetching, isError, error} = useQuery({
-        queryKey: queryKeys.loans,
+        queryKey: [...queryKeys.loans, transactionID],
         queryFn: () => getLoans({transaction_id: transactionID})
     })
 

src/components/transactionDetails/RepaymentScheduleDetails.jsx

@@ -14,7 +14,7 @@ export default function RepaymentScheduleDetails({transactionID}) {
     const [page, setPage] = useState(1)
 
     const {data, isFetching, isError, error} = useQuery({
-        queryKey: [...queryKeys.repayment_schedule, page],
+        queryKey: [...queryKeys.repayment_schedule, page, transactionID],
         queryFn: () => getRepaymentSchedule({transaction_id: transactionID, page}),
         staleTime: 0,
         // placeholderData: keepPreviousData,

src/components/transactionDetails/TransactionDetails.jsx

@@ -15,7 +15,7 @@ export default function TransactionDetails({transactionID}) {
     const [page, setPage] = useState(1)
 
     const {data, isFetching, isError, error} = useQuery({
-        queryKey: [...queryKeys.transactions, page],
+        queryKey: [...queryKeys.transactions, page, transactionID],
         queryFn: () => getTransactions({transaction_id: transactionID, page}),
         staleTime: 0,
         // placeholderData: keepPreviousData,