Jason/pokertk
1
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

Implemented filteredPokemonList feature

Browse Source
This commit is contained in:
Jason Zhu 2023-04-11 19:50:59 +10:00
parent 968c6c5d95
commit e2bbe1d959
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/features/Pokedex/Pokedex.tsx
View File

@ -9,15 +9,23 @@ const Pokedex = () => {
const isLoadingPokemons = useAppSelector(
state => state.pokedex.isLoadingPokemons,
);
const selectedType = useAppSelector(state => state.pokedex.selectedType);
const selectedSort = useAppSelector(state => state.pokedex.selectedSort);
const pokemonList = useAppSelector(state => state.pokedex.pokemonList);
const filteredPokemonList = pokemonList.filter(pokemon => {
selectedType === 'All Types' ||
pokemon.types.some(type => type.type.name === selectedType);
});
return (
<>
<Filters />
{isLoadingPokemons ? (
<Loading />
) : (
pokemonList.map(pokemon => (
filteredPokemonList.map(pokemon => (
<Pokemon
key={pokemon.id}
name={pokemon.name}