Task:

design:

What needs to be done:

  1. Implement settings button that shows selected company name.
  2. When the button is clicked then open the dropdown.
  3. Following things can be done in the dropdown: a. Select another company. b. Navigate to achievements.
  4. Dropdown should close when: a. settings button is clicked. b. different company is selected. c. link is clicked. d. click happens outside the dropdown.

We expect that:

  1. The dropdown is implemented with React and state is stored in Redux
  2. The implementation looks very close to the given design
  3. JavaScript code is properly covered with unit tests
  4. You would be proud of the code quality of the mini-project yourself

Solution: Built with CRA official redux-typescript template.