search

JakariaJishan / Space-Travelers-Hub

Space Traveler's Hub is a web application that displays SpaceX rockets and missions, users can join/leave missions or reserve/cancel rockets.
https://space-travelers-hub-qsa2.onrender.com/
MIT License
1 stars 0 forks source link

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

Open JakariaJishan opened 1 year ago

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