search

Azonkeu / spacex

This is a website displaying a list of rockets and missions from the SpaceX API. Users can make and cancel reservations. Additionally, users can join and leave missions. All reserved rockets and joined missions are displayed under "My profile".
https://vigorous-aryabhata-51f424.netlify.app
7 stars 2 forks source link

[1pt] Switch badges for Missions - Conditional components #6

Open Azonkeu opened 2 years ago

Azonkeu commented 2 years 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
)}