search

odaialazzeh / Space-Travelers-Hub

Space Travelers' Hub is a web application that fetches real live data from the SpaceX API and provides commercial and scientific space travel services. The application will allow users to book rockets, and dragons and join selected space missions.
https://odaialazzeh.github.io/Space-Travelers-Hub/
MIT License
2 stars 0 forks source link

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

Open odaialazzeh opened 1 year ago

odaialazzeh commented 1 year 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
)}