From 8e530fe47666529dc530a042694a816de201b595 Mon Sep 17 00:00:00 2001
From: Daniel Ternyak <dternyak@gmail.com>
Date: Sun, 18 Jun 2017 14:56:12 -0500
Subject: [PATCH] use props.location instead of window

---
 common/components/Header/components/TabsOptions.jsx | 8 +++++++-
 common/components/Header/index.jsx                  | 4 +++-
 common/containers/App/index.jsx                     | 3 ++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/common/components/Header/components/TabsOptions.jsx b/common/components/Header/components/TabsOptions.jsx
index 1c684943..dada34d9 100644
--- a/common/components/Header/components/TabsOptions.jsx
+++ b/common/components/Header/components/TabsOptions.jsx
@@ -1,6 +1,7 @@
 import React, {Component} from 'react';
 import {Link} from 'react-router';
 import translate from 'translations';
+import PropTypes from 'prop-types';
 
 const tabs = [
     {
@@ -40,6 +41,10 @@ export default class TabsOptions extends Component {
         }
     }
 
+    static propTypes = {
+        location: PropTypes.object
+    };
+
     tabClick() {
     }
 
@@ -50,6 +55,7 @@ export default class TabsOptions extends Component {
     }
 
     render() {
+        const {location} = this.props;
         return (
             <div>
                 <nav role='navigation' aria-label='main navigation' className='container nav-container overflowing'>
@@ -63,7 +69,7 @@ export default class TabsOptions extends Component {
                             {
                                 tabs.map((object, i) => {
                                         // if the window pathname is the same or similar to the tab objects name, set the active toggle
-                                        const activeOrNot = (window.location.pathname === object.link || window.location.pathname.substring(1) === object.link) ? 'active' : '';
+                                        const activeOrNot = (location.pathname === object.link || location.pathname.substring(1) === object.link) ? 'active' : '';
                                         return (
                                             <li className={`nav-item ${activeOrNot}`}
                                                 key={i} onClick={this.tabClick(i)}>
diff --git a/common/components/Header/index.jsx b/common/components/Header/index.jsx
index f7674c2c..4d8417da 100644
--- a/common/components/Header/index.jsx
+++ b/common/components/Header/index.jsx
@@ -8,6 +8,8 @@ import { languages, nodeList } from '../../config/data';
 
 export default class Header extends Component {
     static propTypes = {
+        location: PropTypes.object,
+
         // Language DropDown
         changeLanguage: PropTypes.func,
         languageSelection: PropTypes.object,
@@ -76,7 +78,7 @@ export default class Header extends Component {
                     </section>
                 </section>
 
-                <TabsOptions {...{}} />
+                <TabsOptions {...this.props} />
 
             </div>
         );
diff --git a/common/containers/App/index.jsx b/common/containers/App/index.jsx
index a018c1bf..80146f2e 100644
--- a/common/containers/App/index.jsx
+++ b/common/containers/App/index.jsx
@@ -41,8 +41,9 @@ class App extends Component {
             changeNode,
             nodeSelection
         } = this.props;
-        
+
         let headerProps = {
+            location,
             changeLanguage,
             languageSelection,