fix page reloading when using the replication navigation (#5162)

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'),

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>