search

aboongm / space-travelers-hub

This is a Space Traveler's Hub website. The website has 3 pages that list the rockets, the missions, and the reserved rockets and booked missions.
3 stars 0 forks source link

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

Closed aboongm closed 2 years ago

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