32 lines
732 B
TypeScript
32 lines
732 B
TypeScript
|
import { useQuery } from '@tanstack/react-query'
|
||
|
|
import { getGames, getGame, getGameRoutes, getRoutePokemon } from '../api/games'
|
||
|
|
|
||
|
|
export function useGames() {
|
||
|
|
return useQuery({
|
||
|
|
queryKey: ['games'],
|
||
|
|
queryFn: getGames,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useGame(id: number) {
|
||
|
|
return useQuery({
|
||
|
|
queryKey: ['games', id],
|
||
|
|
queryFn: () => getGame(id),
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useGameRoutes(gameId: number) {
|
||
|
|
return useQuery({
|
||
|
|
queryKey: ['games', gameId, 'routes'],
|
||
|
|
queryFn: () => getGameRoutes(gameId),
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useRoutePokemon(routeId: number | null) {
|
||
|
|
return useQuery({
|
||
|
|
queryKey: ['routes', routeId, 'pokemon'],
|
||
|
|
queryFn: () => getRoutePokemon(routeId!),
|
||
|
|
enabled: routeId !== null,
|
||
|
|
})
|
||
|
|
}
|