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

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

Open baqar-abbas opened 1 year ago

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