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

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

Open odaialazzeh opened 1 year ago

odaialazzeh 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
)}