28 lines
794 B
TypeScript
28 lines
794 B
TypeScript
import { useQuery } from '@tanstack/react-query'
|
|
import { MANGO_DATA_API_URL } from 'utils/constants'
|
|
|
|
const fetchMarketData = async () => {
|
|
const promises = [
|
|
fetch(`${MANGO_DATA_API_URL}/stats/perp-market-summary`),
|
|
fetch(`${MANGO_DATA_API_URL}/stats/spot-market-summary`),
|
|
]
|
|
try {
|
|
const data = await Promise.all(promises)
|
|
const perpData = await data[0].json()
|
|
const spotData = await data[1].json()
|
|
return { perpData, spotData }
|
|
} catch (e) {
|
|
console.error('Failed to fetch market data', e)
|
|
return { perpData: [], spotData: [] }
|
|
}
|
|
}
|
|
|
|
export default function useMarketsData() {
|
|
return useQuery(['market-data'], () => fetchMarketData(), {
|
|
cacheTime: 1000 * 60 * 10,
|
|
staleTime: 1000 * 60,
|
|
retry: 3,
|
|
refetchOnWindowFocus: false,
|
|
})
|
|
}
|