diff --git a/frontend/src/component/common/index.js b/frontend/src/component/common/index.js
index 621966430c..afd6676c7b 100644
--- a/frontend/src/component/common/index.js
+++ b/frontend/src/component/common/index.js
@@ -57,3 +57,16 @@ export const SwitchWithLabel = ({ onChange, children, checked }) => (
);
+export const TogglesLinkList = ({ toggles }) => (
+
+ {toggles.length > 0 && toggles.map(({ name, description = '-', icon = 'toggle' }) => (
+
+);
diff --git a/frontend/src/component/strategies/show-strategy-component.js b/frontend/src/component/strategies/show-strategy-component.js
index bfa8d99dc3..b2fbe45388 100644
--- a/frontend/src/component/strategies/show-strategy-component.js
+++ b/frontend/src/component/strategies/show-strategy-component.js
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { Grid, Cell } from 'react-mdl';
-import { AppsLinkList, HeaderTitle } from '../common';
+import { AppsLinkList, TogglesLinkList, HeaderTitle } from '../common';
class ShowStrategyComponent extends Component {
componentDidMount () {
@@ -11,6 +11,9 @@ class ShowStrategyComponent extends Component {
if (!this.props.applications || this.props.applications.length === 0) {
this.props.fetchApplications();
}
+ if (!this.props.toggles || this.props.toggles.length === 0) {
+ this.props.fetchFeatureToggles();
+ }
}
renderParameters (parametersTemplate) {
@@ -28,6 +31,7 @@ class ShowStrategyComponent extends Component {
strategy,
strategyName,
applications,
+ toggles,
} = this.props;
if (!strategy) {
@@ -40,12 +44,11 @@ class ShowStrategyComponent extends Component {
parametersTemplate = {},
} = strategy;
-
return (