manifold/web/hooks/use-bets.ts

31 lines
743 B
TypeScript

import { useEffect, useState } from 'react'
import { Contract } from '../../common/contract'
import { Bet, listenForBets, withoutAnteBets } from '../lib/firebase/bets'
export const useBets = (contractId: string) => {
const [bets, setBets] = useState<Bet[] | undefined>()
useEffect(() => {
if (contractId) return listenForBets(contractId, setBets)
}, [contractId])
return bets
}
export const useBetsWithoutAntes = (
contract: Contract,
initialBets?: Bet[]
) => {
const [bets, setBets] = useState<Bet[] | undefined>(
withoutAnteBets(contract, initialBets)
)
useEffect(() => {
return listenForBets(contract.id, (bets) => {
setBets(withoutAnteBets(contract, bets))
})
}, [contract])
return bets
}