91a0d1ccd7
* env vars for polling intervals add env vars for 4 different common polling intervals, fast (1000), normal (30000), long (60000), extra long (300000) use env vars in all `pollInterval` params to `useQuery` * replace `setInterval`'s interval with `FAST_POLL_INTERVAL`
30 lines
809 B
JavaScript
30 lines
809 B
JavaScript
import { createContext, useContext, useMemo } from 'react'
|
|
import { useQuery } from '@apollo/client'
|
|
import { NORMAL_POLL_INTERVAL, SSR } from '@/lib/constants'
|
|
import { CHAIN_FEE } from '@/fragments/chainFee'
|
|
|
|
export const ChainFeeContext = createContext({
|
|
fee: 0
|
|
})
|
|
|
|
export const useChainFee = () => useContext(ChainFeeContext)
|
|
|
|
export const ChainFeeProvider = ({ chainFee, children }) => {
|
|
const { data } = useQuery(CHAIN_FEE, {
|
|
...(SSR
|
|
? {}
|
|
: {
|
|
pollInterval: NORMAL_POLL_INTERVAL,
|
|
nextFetchPolicy: 'cache-and-network'
|
|
})
|
|
})
|
|
const value = useMemo(() => ({
|
|
fee: Math.floor(data?.chainFee ?? chainFee ?? 0)
|
|
}), [data?.chainFee, chainFee])
|
|
return (
|
|
<ChainFeeContext.Provider value={value}>
|
|
{children}
|
|
</ChainFeeContext.Provider>
|
|
)
|
|
}
|