Delay prefetch by 1000ms. Don't prefetch portfolio history.

common/util/time.ts

@@ -1,3 +1,6 @@
 export const MINUTE_MS = 60 * 1000
 export const HOUR_MS = 60 * MINUTE_MS
 export const DAY_MS = 24 * HOUR_MS
+
+export const sleep = (ms: number) =>
+  new Promise((resolve) => setTimeout(resolve, ms))

web/hooks/use-contracts.ts

@@ -11,7 +11,7 @@ import {
   trendingContractsQuery,
 } from 'web/lib/firebase/contracts'
 import { QueryClient, useQuery, useQueryClient } from 'react-query'
-import { MINUTE_MS } from 'common/util/time'
+import { MINUTE_MS, sleep } from 'common/util/time'
 import { query, limit } from 'firebase/firestore'
 import { dailyScoreIndex } from 'web/lib/service/algolia'
 import { CPMMBinaryContract } from 'common/contract'
@@ -86,7 +86,7 @@ export const usePrefetchUserBetContracts = (userId: string) => {
   const queryClient = useQueryClient()
   return queryClient.prefetchQuery(
     ['contracts', 'bets', userId],
-    () => getUserBetContracts(userId),
+    () => sleep(1000).then(() => getUserBetContracts(userId)),
     { staleTime: 5 * MINUTE_MS }
   )
 }

web/hooks/use-portfolio-history.ts

@@ -1,6 +1,6 @@
 import { useQueryClient } from 'react-query'
 import { useFirestoreQueryData } from '@react-query-firebase/firestore'
-import { DAY_MS, HOUR_MS, MINUTE_MS } from 'common/util/time'
+import { DAY_MS, HOUR_MS, MINUTE_MS, sleep } from 'common/util/time'
 import {
   getPortfolioHistory,
   getPortfolioHistoryQuery,
@@ -17,7 +17,7 @@ export const usePrefetchPortfolioHistory = (userId: string, period: Period) => {
   const cutoff = getCutoff(period)
   return queryClient.prefetchQuery(
     ['portfolio-history', userId, cutoff],
-    () => getPortfolioHistory(userId, cutoff),
+    () => sleep(1000).then(() => getPortfolioHistory(userId, cutoff)),
     { staleTime: 15 * MINUTE_MS }
   )
 }

web/hooks/use-prefetch.ts

@@ -1,5 +1,4 @@
 import { usePrefetchUserBetContracts } from './use-contracts'
-import { usePrefetchPortfolioHistory } from './use-portfolio-history'
 import { usePrefetchUserBets } from './use-user-bets'
 
 export function usePrefetch(userId: string | undefined) {
@@ -7,6 +6,5 @@ export function usePrefetch(userId: string | undefined) {
   return Promise.all([
     usePrefetchUserBets(maybeUserId),
     usePrefetchUserBetContracts(maybeUserId),
-    usePrefetchPortfolioHistory(maybeUserId, 'weekly'),
   ])
 }

web/hooks/use-user-bets.ts

@@ -7,13 +7,13 @@ import {
   getUserBetsQuery,
   listenForUserContractBets,
 } from 'web/lib/firebase/bets'
-import { MINUTE_MS } from 'common/util/time'
+import { MINUTE_MS, sleep } from 'common/util/time'
 
 export const usePrefetchUserBets = (userId: string) => {
   const queryClient = useQueryClient()
   return queryClient.prefetchQuery(
     ['bets', userId],
-    () => getUserBets(userId),
+    () => sleep(1000).then(() => getUserBets(userId)),
     { staleTime: MINUTE_MS }
   )
 }