search

Tamunokuro / Space-Travelers-hub

This is a simple React.js application that shows different ship missions and allows for users to book a rocket for a mission
1 stars 0 forks source link

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

Open Tamunokuro opened 1 year ago

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