[1pt] Switch badges for Missions - Conditional components

Sevenpros / space-travelers-hub

A Web application that pulls from SpacexData API to allow users to make or cancel rocket reservations, leave or join missions and track their reserved rockets or joined missions. Built with React & Redux.

3 stars 0 forks source link

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

Open Sevenpros opened 2 years ago

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