fix(router): fix links in header

Author: cyberhck

src/app/components/Header.test.tsx

@@ -1,9 +1,11 @@
-import {renderComponent} from "../helpers/TestHelper";
+import {shallow} from "enzyme";
+import * as React from "react";
+import configureRouter from "../routes/configureRouter";
 import {Header, Styles} from "./Header";
 
 describe("<Header />", () => {
 
-  const component = renderComponent(Header);
+  const component = shallow(<Header router={configureRouter(true)} />);
 
   it("Renders with correct style", () => {
     expect(component.find("nav")).toHaveClassName(Styles.nav);

src/app/components/Header.tsx

@@ -22,19 +22,17 @@ const Styles = {
 };
 
 class Header extends React.Component <any, any> {
-  protected router: Router;
   constructor(props: any) {
     super(props);
-    this.router = props.router;
   }
   public render(): JSX.Element {
     return (
       <nav className={Styles.nav}>
         <ul>
-          <li><BaseLink router={this.router} routeName="main">Home</BaseLink></li>
-          <li><BaseLink router={this.router} routeName="about">About</BaseLink></li>
-          <li><BaseLink router={this.router} routeName="counter">Counter</BaseLink></li>
-          <li><BaseLink router={this.router} routeName="stars">Stars</BaseLink></li>
+          <li><BaseLink routeName="main">Home</BaseLink></li>
+          <li><BaseLink routeName="about">About</BaseLink></li>
+          <li><BaseLink routeName="counter">Counter</BaseLink></li>
+          <li><BaseLink routeName="stars">Stars</BaseLink></li>
         </ul>
       </nav>
     );