search

Santiago220991 / Space-Travelers-Hub

This is a Single Page Application that shows a list of rockets and a list of missions. It also shows a profile with the rockets reserved and missions joined. It uses a SpaceX API to get the data to show. The project has the next features: Show a list of rockets, show a list of missions, reserve a rocket, join missions, and show a profiles.
0 stars 1 forks source link

Team3 [1pt] Switch badges for Dragons - Conditional components #4

Open Santiago220991 opened 2 years ago

Santiago220991 commented 2 years ago

Dragons that have already been reserved should show a "Reserved" badge and "Cancel reservation" button instead of the default "Reserve dragon" (as per design).

Use the React conditional rendering syntax:

{rocket.reserved && ( 
    // render Cancel Rocket button
)}