For each fight within profileData.history render a FightResult component showing the data.
For the characters images, try to make an array.find using the character name in the fight data, and when it's found, return the imageUrl.
Set the characters images in the fight result according to the find results.
For now, you don't need to focus on type safety, first write a working product, then add the type safety in the upcoming issue, and later on, move most of the data to Context.
One way it can be achieved would be:
profileData.history
render a FightResult component showing the data.array.find
using the character name in the fight data, and when it's found, return the imageUrl.For now, you don't need to focus on type safety, first write a working product, then add the type safety in the upcoming issue, and later on, move most of the data to
Context
.