See reference Mockup. This will allow the user to have better insight into a camper and manage them individually.
Left side component is the list of campers. Names are displayed (years/rank/id can also be displayed). Edit/Delete icons are hidden unless list element is hovered.
Right side is the New Camper form. More fields can be added in the future when more information is needed to be tracked. Some possibilties include Tent/Cabin, Unit, Counselor.
When the user clicks on a camper on the left, the right side component will change to show more detailed info about that camper.
The edit button (either inline or in the Camper Details component) will open the 'Edit Camper' component on the right side.
The delete button will prompt the user with a confirmation modal confirming they want to actually delete the selected camper. Could use a 'enter campers full name to confirm delete action' prompt.
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too