learnedList.map(poke => (
<li id={ poke.id }>
<Link to={ `/pokedex/${poke.dexNumber}` }>
<img
className="u-sprite u-sprite--mini"
src={ getSpriteUrl(poke) }
/>
</Link>
</li>
))
getEvoChain(poke).map(evo => (
<li data-candy={ evo.data.CandyToEvolve } key={ evo.id } >
<Link to={ `/pokedex/${evo.dexNumber}` }>
<img
className="u-sprite"
data-scale={ evo.data.ModelScale }
src={ getSpriteUrl(evo) }
/>
</Link>
</li>
))
props.pokemon.map(poke => (
<Poke key={ poke.id } name={ poke.name } spriteUrl={ getSpriteUrl(poke) } dexNumber={ poke.dex_number } onClick={ () => props.onClick(poke) } />
))
export default React.createClass({
render() {
const poke = pokemon.find(poke => poke.dexNumber === this.props.params.id);
ga('send', {
hitType: 'event',
eventCategory: 'pokedex',
eventAction: 'open-pokemon',
eventLabel: poke.name,
eventValue: poke.dexNumber
});
return <div className="pokemon-popover">
<div className="pokemon-popover__sprite">
<img
className="u-sprite"
src={ getSpriteUrl(poke) }
/>
</div>
<div className="pokemon-popover__body">
<div className="pokemon-popover__name">
<span className="u-title">{ poke.name }</span>
</div>
<div className="pokemon-popover__basic-stats">
<ul className="u-horizonal-list">
<li className="pokemon-popover__basic-stat">
<span className="pokemon-popover__basic-stat-value">
{ type(poke) }
</span>