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( const isLoadingPokemons = useAppSelector(
state => state.pokedex.isLoadingPokemons, 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 pokemonList = useAppSelector(state => state.pokedex.pokemonList);
const filteredPokemonList = pokemonList.filter(pokemon => {
selectedType === 'All Types' ||
pokemon.types.some(type => type.type.name === selectedType);
});
return ( return (
<> <>
<Filters /> <Filters />
{isLoadingPokemons ? ( {isLoadingPokemons ? (
<Loading /> <Loading />
) : ( ) : (
pokemonList.map(pokemon => ( filteredPokemonList.map(pokemon => (
<Pokemon <Pokemon
key={pokemon.id} key={pokemon.id}
name={pokemon.name} name={pokemon.name}