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 Missions - Conditional components #6

Open baqar-abbas opened 1 year ago

baqar-abbas commented 1 year ago

Missions that the user has joined already should show a badge "Active Member" instead of the default "NOT A MEMBER" and a button "Leave Mission" instead of the "Join Mission" button (as per design).

Use the React conditional rendering syntax:

{rocket.reserved && ( 
    // render Cancel Rocket button
)}