const moves = rawMovesList.map(move => {
const id = move.id.replace(/V.{4}_MOVE_/, "");
const movesPerSec = 1000 / move.duration_ms;
return Object.assign(move, {
id,
name: lang[move.id].name.en,
type: transformType(move.pokemon_type),
eus: movesPerSec * move.energy_delta,
dps: movesPerSec * move.power
})
});
const moves = Move.map(move => {
let numericId = move.id.substring(1, move.id.length - 1);
numericId = numericId.split("_");
numericId = parseInt(numericId[0].substring(1))
const movesPerSec = 1000 / move.data.DurationMs;
return Object.assign(move, {
numericId,
name: move.data.VfxName.replace("_", " "),
type: transformType(move.data.Type),
eus: movesPerSec * move.data.EnergyDelta,
dps: movesPerSec * move.data.Power
})
});
ga('send', {
hitType: 'event',
eventCategory: 'movedex',
eventAction: 'open-move',
eventLabel: parseName(move),
eventValue: move.numericId
});
return (
<div className="pokemon-popover">
<div className="pokemon-popover__body pokemon-popover__body--move">
<div className="pokemon-popover__name">
<span className="u-title">
{ parseName(move) }
</span>
<span className="u-subtitle">
{ transformType(move.data.Type) }
</span>
<div className="move__charge">
{ energyUsage(move.data.EnergyDelta) }
</div>
</div>
<ul className="u-horizonal-list u-stats-row">
<li className="u-stat">
<span className="u-stat-value">
{ move.data.Power || 0 }
</span>
<span className="u-stat-label">
Power
</span>
</li>
function type(poke) {
return poke.data.Type2 ? `${transformType(poke.data.Type1)}/${transformType(poke.data.Type2)}` : transformType(poke.data.Type1);
}