search

henokkhm / microverse-reactjs-group-capstone

This is the group capstone project for Module 3 - Week 4 of the Full-Stack Developer program offered by Microverse.
MIT License
1 stars 1 forks source link

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

Open henokkhm opened 1 year ago

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