From b74da8e2726ad599fed16e63df72a36c56cd9a79 Mon Sep 17 00:00:00 2001
From: Matthew Irish <meirish@users.noreply.github.com>
Date: Wed, 22 Aug 2018 14:08:43 -0500
Subject: [PATCH] fix page reloading when using the replication navigation
 (#5162)

---
 ui/app/components/replication-mode-summary.js |  7 ++-
 .../templates/partials/status/replication.hbs | 43 +++++++++++++------
 2 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/ui/app/components/replication-mode-summary.js b/ui/app/components/replication-mode-summary.js
index c5258ce84..8c5510437 100644
--- a/ui/app/components/replication-mode-summary.js
+++ b/ui/app/components/replication-mode-summary.js
@@ -11,8 +11,7 @@ export default Component.extend({
   version: inject.service(),
   router: inject.service(),
   namespace: inject.service(),
-  classNames: ['level', 'box-label'],
-  classNameBindings: ['isMenu:is-mobile'],
+  classNameBindings: ['isMenu::box', 'isMenu::level'],
   attributeBindings: ['href', 'target'],
   display: 'banner',
   isMenu: computed.equal('display', 'menu'),
@@ -26,8 +25,7 @@ export default Component.extend({
       return this.get('router').urlFor(
         'vault.cluster.replication.mode.index',
         this.get('cluster.name'),
-        mode,
-        { queryParams: { namespace: this.get('namespace.path') } }
+        mode
       );
     }
     return null;
@@ -38,6 +36,7 @@ export default Component.extend({
     }
     return null;
   }),
+  internalLink: false,
   isPerformance: computed.equal('mode', 'performance'),
   replicationEnabled: replicationAttr('replicationEnabled'),
   replicationUnsupported: computed.equal('cluster.mode', 'unsupported'),
diff --git a/ui/app/templates/partials/status/replication.hbs b/ui/app/templates/partials/status/replication.hbs
index dfb34b8e2..592c77f9f 100644
--- a/ui/app/templates/partials/status/replication.hbs
+++ b/ui/app/templates/partials/status/replication.hbs
@@ -4,26 +4,43 @@
       <p class="menu-label">Disaster Recovery</p>
       <ul>
         <li>
-          {{replication-mode-summary
-            mode="dr"
-            display='menu'
-            cluster=cluster
-            tagName=(or itemTag 'a')
-            click=(action d.actions.close)
+          {{#link-to
+            "vault.cluster.replication.mode.index"
+            "dr"
           }}
+            {{replication-mode-summary
+              mode="dr"
+              display='menu'
+              cluster=cluster
+              class=''
+            }}
+          {{/link-to}}
         </li>
       </ul>
       <hr />
       <p class="menu-label">Performance</p>
       <ul>
         <li>
-          {{replication-mode-summary
-            mode="performance"
-            display='menu'
-            cluster=cluster
-            tagName=(or itemTag 'a')
-            click=(action d.actions.close)
-          }}
+          {{#if (has-feature "Performance Replication")}}
+            {{#link-to
+            "vault.cluster.replication.mode.index"
+            "performance"
+            }}
+              {{replication-mode-summary
+                mode="performance"
+                display='menu'
+                cluster=cluster
+                tagName='span'
+              }}
+            {{/link-to}}
+          {{else}}
+            {{replication-mode-summary
+              mode="performance"
+              display='menu'
+              cluster=cluster
+              tagName='a'
+            }}
+          {{/if}}
         </li>
       </ul>
     </nav>