[!Important]
DO NOT MERGE until 2.0 hotfix is released.
Summary
This implements a new component that shows the Locations a Pokémon can be found. It shows 4 columns for each Pokémon: Location Name, Encounter Method, Level(s) and the chance to encounter them. I also changed the middle section of the pokedex page a bit to be 3 columns (1 for each component) instead of the original 2.
Features
Links to pages on the website for Static, Legendary, Gift and Trade encounters. Links for Daily Trophy Garden and Great Marsh coming soon.
Icons show for different encounter methods in the Show More state or if there are less than 5 encounter locations.
Shows the 4 categories that are necessary for encounter locations:
The name of the Location that this Pokémon can be found
The method of encountering this Pokémon (all methods can be found in the encounterConstants)
The level (or levels for specifically Resort Area Magikarp) that you can catch each Pokémon.
The percentage chance that you can catch the Pokémon in that area.
Responsiveness
In order to cater to mobile users, a "Show More" button was implemented to display more encounters as desired. Below is a showcase of how the Locations Component will be meshed together with the other components.
Summary
This implements a new component that shows the Locations a Pokémon can be found. It shows 4 columns for each Pokémon: Location Name, Encounter Method, Level(s) and the chance to encounter them. I also changed the middle section of the pokedex page a bit to be 3 columns (1 for each component) instead of the original 2.
Features
Responsiveness
In order to cater to mobile users, a "Show More" button was implemented to display more encounters as desired. Below is a showcase of how the Locations Component will be meshed together with the other components.
https://github.com/TeamLumi/luminescent-team/assets/125856819/8579a65d-652c-4cbf-836b-7245e6bc4036