Challenge ScopeThe focus of this challenge is to create the prototype of community header component, which will provide navigation around community content. Development will be done in the Community App repository, using as the base the commit 9257ac9024f2ffb63ec87fe57f3519cad053feee, or a newer one in the develop branch. Your changes must not introduce any lint errors, and provide a reasonable unit test coverage of the written code (look into existing tests for examples how to test various types of modules). You should properly use ReactJS, Redux, and support server-side rendering of the header.
Warning: All code related to challenge listings was recently ported from another repository, and does not yet follow our standards for Redux and unit-testing. Don't take it as an example!
Header Layout RequirementsDefault header layout should be similar to the header of Predix community: a logo at the left side, a simple horizontal list of references to various community pages at the right (navigation menu). The actual logo and items of navigation menu should be fetched from API (more details below). The idea is that you add your header example to the /community/:communityId/header route of the repository. When this route is accessed, the frontend should send a request to the API, with communityId as the parameter. The API should respond with meta information about the specified community. The meta-information object should include:
- URL of the logo to be used in the header
- An array of items to render in nav menu (each item contains URL of the corresponding page, and its name to show in the menu)
- Optional URL of CSS stylesheet to load into the page in addition to the default CSS file loaded by Community App (to override default header style, if necessary).