search

VitorGuedesMadeira / Space-Traveler

This project is a web application that consumes an SpaceX API. It provides commercial and scientific space travel services that allows users to book rockets and join selected space missions. Built with React/Redux (Redux ToolKit)
12 stars 1 forks source link

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

Closed VitorGuedesMadeira closed 2 years ago

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