search

george827 / space-travelers-hub-react-redux

Space X project is a group react-redux project that use space x API to display a list of rockets and mission. Rocket can be reserved and mission can joined. Users can access the personal list the profile section.
https://space-travelers-6imy.onrender.com/
MIT License
6 stars 0 forks source link

Team3 [1pt] Switch badges for Dragons - Conditional components #4

Open george827 opened 1 year ago

george827 commented 1 year ago

Dragons that have already been reserved should show a "Reserved" badge and "Cancel reservation" button instead of the default "Reserve dragon" (as per design).

Use the React conditional rendering syntax:

{rocket.reserved && ( 
    // render Cancel Rocket button
)}