search

mohametalmeari / group-project-space-travelers

Space Travelers' Hub is a web application that provides information and services related to space exploration. It allows users to explore and reserve rockets for upcoming missions, view mission details, and manage their personal space travel profiles. The application integrates with the SpaceX API to fetch real-time data about rockets and missions.
2 stars 0 forks source link

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

Closed mohametalmeari closed 1 year ago

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