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

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

Open Sevenpros opened 2 years ago

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