refactor: limit query opts, add hiro header

leather-io · Jan 29, 2024 · 68c557f · 68c557f
1 parent d13a678
commit 68c557f
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/src/app/common/api/fetch-wrapper.ts b/src/app/common/api/fetch-wrapper.ts
@@ -4,6 +4,7 @@ import { analytics } from '@shared/utils/analytics';
 
 const leatherHeaders: HeadersInit = {
   'x-leather-version': VERSION,
+  'x-hiro-product': 'leather',
 };
 
 function isErrorCode(statusCode: number) {
@@ -30,6 +31,13 @@ export async function wrappedFetch(input: RequestInfo, init: RequestInit = {}) {
   return resp;
 }
 
+axios.interceptors.request.use(request => {
+  if (request.url?.includes('hiro.so'))
+    Object.entries(leatherHeaders).forEach(([key, value]) => request.headers.set(key, value));
+
+  return request;
+});
+
 axios.interceptors.response.use(response => {
   if (isErrorCode(response.status)) trackApiError(response.config.url ?? '', response.status);
   return response;

diff --git a/src/app/query/stacks/contract/contract.query.ts b/src/app/query/stacks/contract/contract.query.ts
@@ -30,5 +30,7 @@ export function useGetContractInterface(transactionRequest: ContractCallPayload
       transactionRequest?.contractAddress,
     ],
     queryFn: fetchContractInterface,
+    staleTime: 30 * 60 * 1000,
+    refetchOnWindowFocus: false,
   });
 }
diff --git a/src/app/query/stacks/transactions/transactions-by-id.query.ts b/src/app/query/stacks/transactions/transactions-by-id.query.ts
@@ -5,6 +5,13 @@ import { useStacksClientUnanchored } from '@app/store/common/api-clients.hooks';
 
 import { useHiroApiRateLimiter } from '../rate-limiter';
 
+const options = {
+  staleTime: 30 * 1000,
+  refetchOnMount: false,
+  refetchOnReconnect: false,
+  refetchOnWindowFocus: true,
+} as const;
+
 export function useTransactionsById(txids: string[]) {
   const client = useStacksClientUnanchored();
   const limiter = useHiroApiRateLimiter();
@@ -19,6 +26,7 @@ export function useTransactionsById(txids: string[]) {
       return {
         queryKey: ['transaction-by-id', txid],
         queryFn: () => transactionByIdFetcher(txid),
+        ...options,
       };
     }),
   });
@@ -37,5 +45,6 @@ export function useTransactionById(txid: string) {
   return useQuery({
     queryKey: ['transaction-by-id', txid],
     queryFn: () => transactionByIdFetcher(txid),
+    ...options,
   });
 }
diff --git a/src/app/query/stacks/transactions/transactions-with-transfers.query.ts b/src/app/query/stacks/transactions/transactions-with-transfers.query.ts
@@ -10,10 +10,11 @@ import { useCurrentNetworkState } from '@app/store/networks/networks.hooks';
 import { useHiroApiRateLimiter } from '../rate-limiter';
 
 const queryOptions: UseQueryOptions = {
-  refetchInterval: 10_000,
-  refetchOnMount: 'always',
-  refetchOnReconnect: 'always',
-  refetchOnWindowFocus: 'always',
+  staleTime: 60 * 1000,
+  refetchInterval: 30_000,
+  refetchOnMount: false,
+  refetchOnReconnect: false,
+  refetchOnWindowFocus: true,
 };
 
 export function useGetAccountTransactionsWithTransfersQuery() {