search

Ashe546 / space-travelers

Space Travelers' Hub is an app built with React | CSS | React-router | Jest | Redux-toolkit. this is an app where users can board available missions and rockets.
0 stars 1 forks source link

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

Open Ashe546 opened 2 years ago

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