Force window.location refresh on nav and language links click

eea · Jan 25, 2021 · 0d97a48 · 0d97a48
1 parent c061778
commit 0d97a48
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/src/customizations/components/theme/Navigation/Navigation.jsx b/src/customizations/components/theme/Navigation/Navigation.jsx
@@ -92,6 +92,7 @@ class Navigation extends Component {
     super(props);
     this.toggleMobileMenu = this.toggleMobileMenu.bind(this);
     this.closeMobileMenu = this.closeMobileMenu.bind(this);
+    this.onLinkClick = this.onLinkClick.bind(this);
     this.state = {
       isMobileMenuOpen: false,
       activeIndex: -1,
@@ -154,6 +155,17 @@ class Navigation extends Component {
     this.setState({ isMobileMenuOpen: false });
   }
 
+  /**
+   * Click an internal link
+   * @method onLinkClick
+   * @returns {undefined}
+   */
+  onLinkClick(evt, url) {
+    evt.preventDefault();
+    this.closeMobileMenu();
+    window.location = url;
+  }
+
   /**
    * Render method.
    * @method render
@@ -218,7 +230,7 @@ class Navigation extends Component {
                     ? item.url === `/${lang}`
                     : item.url === ''
                 }
-                onClick={this.closeMobileMenu}
+                onClick={(evt) => this.onLinkClick(evt, item.url || '/')}
               >
                 {item.title}
               </NavLink>
@@ -243,7 +255,10 @@ class Navigation extends Component {
                       <List.Content>
                         <List.Description>
                           <a
-                            href={`https://www.eea.europa.eu/${language.code}`}
+                            href={`/${language.code}`}
+                            onClick={(evt) =>
+                              this.onLinkClick(evt, `/${language.code}`)
+                            }
                           >
                             {`${language.name} (${language.code})`}
                           </a>
@@ -273,7 +288,10 @@ class Navigation extends Component {
                         <List.Content>
                           <List.Description>
                             <a
-                              href={`https://www.eea.europa.eu/${language.code}`}
+                              href={`/${language.code}`}
+                              onClick={(evt) =>
+                                this.onLinkClick(evt, `/${language.code}`)
+                              }
                             >
                               {`${language.name} (${language.code})`}
                             </a>