search

lfmnovaes / rockets-missions

Pair programming project that uses React and Redux to fetch rockets and missions data from SpaceX API.
https://rockets-missions-lfmn.netlify.app/
MIT License
0 stars 0 forks source link

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

Open lfmnovaes opened 3 years ago

lfmnovaes commented 3 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
)}