Abdulwhbhussain / Space-Travelers-Hub

We will be working with the real live data from the SpaceX API. Our task is to build a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.
https://space-travelers-hub-three.vercel.app
MIT License
1 stars 0 forks source link

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

Open Abdulwhbhussain opened 1 year ago

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