manifold/web/hooks/use-user-bets.ts
2022-08-31 21:59:58 -07:00

52 lines
1.3 KiB
TypeScript

import { QueryClient } from 'react-query'
import { useFirestoreQueryData } from '@react-query-firebase/firestore'
import { useEffect, useState } from 'react'
import {
Bet,
getUserBetsQuery,
listenForUserContractBets,
} from 'web/lib/firebase/bets'
const queryClient = new QueryClient()
export const prefetchUserBets = (userId: string) =>
queryClient.prefetchQuery(['bets', userId], () => getUserBetsQuery(userId))
export const useUserBets = (userId: string) => {
const result = useFirestoreQueryData(
['bets', userId],
getUserBetsQuery(userId)
)
return result.data
}
export const useUserContractBets = (
userId: string | undefined,
contractId: string | undefined
) => {
const [bets, setBets] = useState<Bet[] | undefined>(undefined)
useEffect(() => {
if (userId && contractId)
return listenForUserContractBets(userId, contractId, setBets)
}, [userId, contractId])
return bets
}
export const useGetUserBetContractIds = (userId: string | undefined) => {
const [contractIds, setContractIds] = useState<string[] | undefined>()
useEffect(() => {
if (userId) {
const key = `user-bet-contractIds-${userId}`
const userBetContractJson = localStorage.getItem(key)
if (userBetContractJson) {
setContractIds(JSON.parse(userBetContractJson))
}
}
}, [userId])
return contractIds
}