search

otmaneechchafyky / space-travelers-hub

Space Traveler's Hub is a single page web application that fatches rockets, missions from the SpaceX API. Users can book and cancel their reservations for rockets and missions. Application has three pages Rockets/Missions/MY Profile, My Profile page shows the list of reserved rockets and missions.
https://space-travelers-hub-4o8w.onrender.com
MIT License
2 stars 0 forks source link

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

Open otmaneechchafyky opened 1 year ago

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