search

ndayishimiyeeric / space-travelers-hub

Space travelers-hub is single page web application where you can get Rockets and Missions available to go in the space features are Reserve a Rocket by clicking Reserve, Cancel Reservation of a Rocket, Join a Mission, Leave a Joined mission. See reserved rockets and joined mission check My Profile tab.
https://nderic-space-travelers-hub.netlify.app/
MIT License
5 stars 0 forks source link

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

Open ndayishimiyeeric opened 2 years ago

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