search

baqar-abbas / spacehub-capstone

This is our React Group Capstone Project built as a group project along with my coding partner Yosef Geda (@yosefgeda). This Project uses APIs to fetch data from API and renders that data on the page. It allows users to reserve rockets and join missions which displays in the profile page.
MIT License
2 stars 0 forks source link

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

Open baqar-abbas opened 1 year ago

baqar-abbas commented 1 year 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
)}