|
|
@ -32,7 +32,7 @@ const PokemonPage = ({ previous, next }) => {
|
|
|
|
<div className="links">
|
|
|
|
<div className="links">
|
|
|
|
{previous && <Link to={`/pokemon/${previous.name}`}>Previous</Link>}
|
|
|
|
{previous && <Link to={`/pokemon/${previous.name}`}>Previous</Link>}
|
|
|
|
<Link to="/">Home</Link>
|
|
|
|
<Link to="/">Home</Link>
|
|
|
|
{next && <Link to={`/pokemon/${previous.name}`}>Next</Link>}
|
|
|
|
{next && <Link to={`/pokemon/${next.name}`}>Next</Link>}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className={`pokemon-page pokemon-type-${type.name}`}>
|
|
|
|
<div className={`pokemon-page pokemon-type-${type.name}`}>
|
|
|
|
<div className="pokemon-image" style={{ backgroundImage: `url(${pokemon.sprites.front_default})` }} />
|
|
|
|
<div className="pokemon-image" style={{ backgroundImage: `url(${pokemon.sprites.front_default})` }} />
|
|
|
|