nuzlocke-tracker/frontend/src/hooks/useGames.ts

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 | null) {
  return useQuery({
    queryKey: ['games', gameId, 'routes'],
    queryFn: () => getGameRoutes(gameId!),
    enabled: gameId !== null,
  })
}

export function useRoutePokemon(routeId: number | null) {
  return useQuery({
    queryKey: ['routes', routeId, 'pokemon'],
    queryFn: () => getRoutePokemon(routeId!),
    enabled: routeId !== null,
  })
}