search

AdnanOlarmmi / Space-Travelers-Hub

A corporation that offers services for commercial and scientific space flight has a web application called Space-Travelers-Hub. Users of the app will be able to reserve rockets and sign up for particular space missions.
https://adnanquinspacetravelers.netlify.app/
MIT License
4 stars 1 forks source link

[1pt] Switch badges for Rockets - Conditional components - Adnan #5

Open AdnanOlarmmi opened 1 year ago

AdnanOlarmmi commented 1 year ago

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

Use the React conditional rendering syntax:

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