ensure status menu displays replication state, not just one (#8959)

Author: Noelle Daley

ui/app/models/cluster.js

@@ -46,14 +46,8 @@ export default DS.Model.extend({
   //otherwise the particular mode will have the relevant mode attr through replication-attributes
   mode: attr('string'),
   allReplicationDisabled: and('{dr,performance}.replicationDisabled'),
-
   anyReplicationEnabled: or('{dr,performance}.replicationEnabled'),
 
-  modeState: computed('dr.{mode,state}', 'performance.{mode,state}', 'replicationMode', function() {
-    const mode = this.replicationMode;
-    return this.get(`${mode}.state`);
-  }),
-
   dr: fragment('replication-attributes'),
   performance: fragment('replication-attributes'),
   // this service exposes what mode the UI is currently viewing

ui/lib/core/addon/components/replication-mode-summary.js

@@ -48,7 +48,9 @@ export default Component.extend({
   clusterIdDisplay: replicationAttr('clusterIdDisplay'),
   mode: null,
   cluster: null,
-  modeState: computed('cluster', function() {
-    return this.cluster.modeState;
+  modeState: computed('cluster', 'mode', function() {
+    const { cluster, mode } = this;
+    const clusterState = cluster[mode].state;
+    return clusterState;
   }),
 });