Added change to PokeInfo img OnError

Added a default image for a Pokémon's info
TheShiveshNetwork · Oct 20, 2023 · 80b8d80 · 80b8d80
1 parent 69d3513
commit 80b8d80
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/PokemonInfo.jsx b/src/components/PokemonInfo.jsx
@@ -32,6 +32,10 @@ const PokemonInfo = ({ selectedPokemon, setInfoOpen }) => {
                     src={`https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/official-artwork/${id}.png`}
                     alt="image"
                     className='w-[70%]'
+                    onError={(e) => {
+                        e.target.onerror = null;
+                        e.target.src = "/assets/pokeball.png";
+                    }}
                 />
                 <h1 className='capitalize text-3xl font-medium text-center'>{selectedPokemon.name}</h1>
             </div>