search

mohametalmeari / group-project-space-travelers

Space Travelers' Hub is a web application that provides information and services related to space exploration. It allows users to explore and reserve rockets for upcoming missions, view mission details, and manage their personal space travel profiles. The application integrates with the SpaceX API to fetch real-time data about rockets and missions.
2 stars 0 forks source link

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

Closed mohametalmeari closed 1 year ago

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