diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index ac33451..f9f84e6 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -7,7 +7,6 @@ const HomePage: React.FC = () => { const [searchTerm, setSearchTerm] = useState<string>(''); useEffect(() => { - console.log('is this rendering'); const foundPoke = pokemonData.filter(pk => { return pk.name.toLowerCase().includes(searchTerm.toLowerCase()); }); @@ -18,7 +17,6 @@ const HomePage: React.FC = () => { // useEffect(()=>{},[]) const handleChange = (event: ChangeEvent<HTMLInputElement>) => { - console.log(event.target.value); setSearchTerm(event.target.value); }; diff --git a/src/pages/SinglePokemon.tsx b/src/pages/SinglePokemon.tsx index 5b36735..b4a580a 100644 --- a/src/pages/SinglePokemon.tsx +++ b/src/pages/SinglePokemon.tsx @@ -11,7 +11,6 @@ const SinglePokemonPage: React.FC = () => { let foundPokemon = pokemonData.find( pd => pd.name.toLowerCase() === pokemonName ); - console.log(foundPokemon); setPokemon(updateEvolution(foundPokemon)); }, [pokemonName]); @@ -45,7 +44,6 @@ const SinglePokemonPage: React.FC = () => { }); } - console.log(poke); return poke; }; return ( @@ -112,7 +110,7 @@ const SinglePokemonPage: React.FC = () => { <div className='row'> {pokemon.prev_evolution?.map((pe, i) => { return ( - <div className='col'> + <div className='col' key={i}> <h5 className='text-secondary'> Previous Evolution </h5> @@ -127,7 +125,7 @@ const SinglePokemonPage: React.FC = () => { })} {pokemon.next_evolution?.map((ne, i) => { return ( - <div className='col'> + <div className='col' key={i}> <h5 className='text-secondary'>Next Evolution</h5> <div> <Link to={`/pokemon/${ne.name.toLowerCase()}`}>