search

Mujeeb4582 / Space-X

This web application offers space travel services for both commercial and scientific purposes. It allows users to reserve rockets and participate in specific space missions. The application is designed to make it easy for people to access and experience the wonders of space travel.
https://space-traval-x.netlify.app/
6 stars 1 forks source link

[1pt] Switch badges for Rockets - Conditional components #5

Open Mujeeb4582 opened 1 year ago

Mujeeb4582 commented 1 year ago

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

Use the React conditional rendering syntax:

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