Abdulali Noori

- Follow the same logic as with the "Join mission" - but you need to set the `reserved` key to `false`. - Dispatch these actions upon click on the corresponding...

Missions that the user has joined already should show a badge "Active Member" instead of the default "NOT A MEMBER" and a button "Leave Mission" instead of the "Join Mission"...

Render a list of all joined missions (use `filter()`) on the "My profile" page.

- Set up Gitflow - Set up webpack - Set up a JavaScript testing library (Jest)

- Create a route and a view component. Use `` for the page navigation links and style active class to indicate which section/page the user is currently on (underline active...

Fetch data from the Rockets endpoint (https://api.spacexdata.com/v3/rockets) when the application starts (as Rockets is the default view). Once the data are fetched, dispatch an action to store the selected data...

- Use `useSelector()` Redux Hook to select the state slices and render lists of rockets in corresponding routes. i.e.: ```javascript // get rockets data from the store const rockets =...

- When a user clicks the "Reserve rocket" button, action needs to be dispatched to update the store. You need to get the ID of the reserved rocket and update...

- Follow the same logic as with the "Reserve rocket" - but you need to set the `reserved` key to `false`. - Dispatch these actions upon click on the corresponding...

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:...