search

Sevenpros / space-travelers-hub

A Web application that pulls from SpacexData API to allow users to make or cancel rocket reservations, leave or join missions and track their reserved rockets or joined missions. Built with React & Redux.
3 stars 0 forks source link

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

Open Sevenpros opened 2 years ago

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