Consolidate types/interfaces for api

src/features/Pokedex/__test__/pokedexApi.test.ts

@@ -1,14 +1,10 @@
-import {
-  pokedexApi,
-  PokemonListResponse,
-  RegionListResponse,
-  TypeListResponse,
-} from 'features/Pokedex/pokedexApi';
+import { pokedexApi } from 'features/Pokedex/pokedexApi';
 import { pokedexSlice } from 'features/Pokedex/pokedexSlice';
 import { configureStore } from '@reduxjs/toolkit';
 import region1 from 'features/Pokedex/__test__/responses/region1.json';
 import pokemon1 from 'features/Pokedex/__test__/responses/pokemon1.json';
 import { AppStore } from 'app/store';
+import { RegionListResponseData, TypeListResponseData } from '../types/api';
 
 let store: AppStore;
 describe('pokedexApi', () => {
@@ -89,7 +85,7 @@ describe('pokedexApi', () => {
 
       const regionListData = pokedexApi.endpoints.getRegionList.select()(
         store.getState(),
-      ).data as RegionListResponse;
+      ).data as RegionListResponseData;
       expect(regionListData?.results).toHaveLength(regionListData.count);
     });
 
@@ -98,7 +94,7 @@ describe('pokedexApi', () => {
 
       const typeListData = pokedexApi.endpoints.getTypeList.select()(
         store.getState(),
-      ).data as TypeListResponse;
+      ).data as TypeListResponseData;
       expect(typeListData?.results).toHaveLength(typeListData.count + 1);
     });
 

src/features/Pokedex/pokedexApi.ts

@@ -1,38 +1,16 @@
-import {
-  createApi,
-  FetchArgs,
-  fetchBaseQuery,
-} from '@reduxjs/toolkit/query/react';
-import type { PokemonProps as Pokemon } from './Pokemon';
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
 import {
   pokeApiAllPagesCustomBaseQuery,
   pokeApiFullListFetchArgs,
 } from './paginationBaseQuery';
-
-export interface Region {
-  name: string;
-  url: string;
-}
-
-export interface Type {
-  name: string;
-  url: string;
-}
-
-export interface PokemonListResponse {
-  count: number;
-  results: Pokemon[];
-}
-
-export interface RegionListResponse {
-  count: number;
-  results: Region[];
-}
-
-export interface TypeListResponse {
-  count: number;
-  results: Type[];
-}
+import {
+  PokemonListResponseData,
+  PokemonResponseData,
+  RegionListResponseData,
+  RegionResponseData,
+  TypeListResponseData,
+  TypeResponseData,
+} from './types/api';
 
 const pokeApiBaseQuery = async (
   args: pokeApiFullListFetchArgs,
@@ -52,28 +30,28 @@ export const pokedexApi = createApi({
   reducerPath: 'pokedexApi',
   baseQuery: pokeApiBaseQuery,
   endpoints: builder => ({
-    getPokemonList: builder.query<PokemonListResponse, void>({
+    getPokemonList: builder.query<PokemonListResponseData, void>({
       query: () => ({ url: `pokemon`, fetchAllPages: true }),
     }),
-    getRegionList: builder.query<RegionListResponse, void>({
+    getRegionList: builder.query<RegionListResponseData, void>({
       query: () => ({ url: 'region', fetchAllPages: true }),
     }),
-    getTypeList: builder.query<TypeListResponse, void>({
+    getTypeList: builder.query<TypeListResponseData, void>({
       query: () => ({ url: 'type', fetchAllPages: true }),
-      transformResponse: (response: RegionListResponse) => {
+      transformResponse: (response: RegionListResponseData) => {
         return {
           ...response,
           results: [{ name: 'All Types', url: '' }, ...response.results],
         };
       },
     }),
-    getPokemon: builder.query<Pokemon, number | string>({
+    getPokemon: builder.query<PokemonResponseData, number | string>({
       query: IdOrName => ({ url: `pokemon/${IdOrName}` }),
     }),
-    getRegion: builder.query<Region, number | string>({
+    getRegion: builder.query<RegionResponseData, number | string>({
       query: IdOrName => ({ url: `region/${IdOrName}` }),
     }),
-    getType: builder.query<Type, number | string>({
+    getType: builder.query<TypeResponseData, number | string>({
       query: IdOrName => ({ url: `type/${IdOrName}` }),
     }),
   }),

src/features/Pokedex/types/api.ts

@@ -0,0 +1,61 @@
+export interface nameUrlPair {
+  name: string;
+  url: string;
+}
+
+export interface ListResponse {
+  count: number;
+  results: nameUrlPair[];
+}
+
+export type PokemonListResponseData = ListResponse;
+export type RegionListResponseData = ListResponse;
+export type TypeListResponseData = ListResponse;
+
+export interface RegionResponseData {
+  // many fields are ignored
+  id: number;
+  locations: nameUrlPair[];
+  name: string;
+}
+
+export interface TypeResponseData {
+  // many fields are ignored
+  id: number;
+  name: string;
+}
+
+export interface AbilityItem {
+  ability: nameUrlPair;
+  is_hidden: boolean;
+  slot: number;
+}
+
+export interface StatItem {
+  base_stat: number;
+  effort: number;
+  stat: nameUrlPair;
+}
+
+export interface typeItem {
+  slot: number;
+  type: nameUrlPair;
+}
+
+export interface PokemonResponseData {
+  // many fields are ignored
+  abilities: AbilityItem[];
+  base_experience: number;
+  forms: nameUrlPair[];
+  height: number;
+  held_items: any[];
+  id: number;
+  is_default: boolean;
+  location_area_encounters: string;
+  name: string;
+  order: number;
+  species: nameUrlPair;
+  stats: StatItem[];
+  types: typeItem[];
+  weight: number;
+}