search

kelomo2502 / Space-Travelers-Hub

This is the fetch rocket page for my space traveller's hub project. This is an SPA with 3 routes and built with reactJs and redux as its state management tool. The site works by making API call for fetching the rockets and mission data. The site allows users to join any missions of their choice, reserve rockets, cancel rocket reservations and also rescind their membership after joining
MIT License
3 stars 0 forks source link

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

Closed Ceemos96 closed 2 years ago

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