Mission Leaving - Actions - Githubissues

anyars-encarta / react-group-project

MIT License

1 stars 0 forks source link

Mission Leaving - Actions #31

Closed anyars-encarta closed 1 year ago

anyars-encarta commented 1 year ago

In this project, I added a functionality such that:

[ ] When a user clicks the "Leave Mission" button, an action is dispatched to update the store.
[ ] The selected mission's ID is used to update the state.
[ ] The state is not mutated.
[ ] A new state object is returned with all missions.
[ ] The selected mission has an extra key reserved with its value set to true.

[ ] I used the map() function to set the value of the new state - i.e.:

      const newState = state.map(rocket => {
          if(mission.id !== id) 
              return mission;
          return { ...mission, reserved: false };
      });

[ ] All the logics are placed in the reducer.
[ ] In the React view file, I only dispatched the action with the correct rocket ID as an argument.
[ ] I styled the button to change color and caption based on the status of the mission (either left or joined).
[ ] The row background color also changes based on the status of the mission (either left or joined).

anyars-encarta commented 1 year ago

Thanks Bi