search

Uzair-Manzoor / SpaceTravelersHub

In this task, we worked with the real live data from the SpaceX API. Our task was to build a web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets,dragons and join selected space missions.
https://space-travelers-8tvba23t2-uzair-manzoor.vercel.app/
MIT License
2 stars 1 forks source link

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

Open Uzair-Manzoor opened 1 year ago

Uzair-Manzoor 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
)}