search

Azonkeu / spacex

This is a website displaying a list of rockets and missions from the SpaceX API. Users can make and cancel reservations. Additionally, users can join and leave missions. All reserved rockets and joined missions are displayed under "My profile".
https://vigorous-aryabhata-51f424.netlify.app
7 stars 2 forks source link

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

Open Azonkeu opened 2 years ago

Azonkeu commented 2 years 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
)}