manifold/web/hooks/use-contract.ts
2021-12-16 00:36:51 -06:00

28 lines
689 B
TypeScript

import { useEffect, useState } from 'react'
import { Contract, listenForContract } from '../lib/firebase/contracts'
export const useContract = (contractId: string) => {
const [contract, setContract] = useState<Contract | null | 'loading'>(
'loading'
)
useEffect(() => {
if (contractId) return listenForContract(contractId, setContract)
}, [contractId])
return contract
}
export const useContractWithPreload = (
contractId: string,
initial: Contract | null
) => {
const [contract, setContract] = useState<Contract | null>(initial)
useEffect(() => {
if (contractId) return listenForContract(contractId, setContract)
}, [contractId])
return contract
}