diff --git a/frontend/src/component/application/application-edit-component.js b/frontend/src/component/application/application-edit-component.js
index 2e7a86adba..b4287dd09b 100644
--- a/frontend/src/component/application/application-edit-component.js
+++ b/frontend/src/component/application/application-edit-component.js
@@ -3,7 +3,7 @@ import React, { Component, PureComponent } from 'react';
import { Link } from 'react-router';
import { Grid, Cell, List, ListItem, ListItemContent, Textfield, Icon, ProgressBar } from 'react-mdl';
-import { HeaderTitle } from '../common';
+import { HeaderTitle, ExternalIconLink } from '../common';
class StatefulTextfield extends Component {
constructor (props) {
@@ -51,7 +51,9 @@ class ClientStrategies extends PureComponent {
return (
-
{appName}} subtitle={description} />
+ {appName}} subtitle={description}
+ actions={url && Visit site}
+ />
Toggles
diff --git a/frontend/src/component/common/index.js b/frontend/src/component/common/index.js
index d5677371ee..04b79c0952 100644
--- a/frontend/src/component/common/index.js
+++ b/frontend/src/component/common/index.js
@@ -79,3 +79,17 @@ export function getIcon (type) {
default: return 'star';
}
};
+
+
+export const IconLink = ({ icon, children, ...props }) => (
+
+
+ {children}
+
+);
+
+export const ExternalIconLink = ({ url, children }) => (
+
+ {children}
+
+);
diff --git a/frontend/src/component/feature/view-edit-container.jsx b/frontend/src/component/feature/view-edit-container.jsx
index 0b6b96fd9d..d6c9ffad9d 100644
--- a/frontend/src/component/feature/view-edit-container.jsx
+++ b/frontend/src/component/feature/view-edit-container.jsx
@@ -69,6 +69,7 @@ class EditFeatureToggleWrapper extends React.Component {
return (
{featureToggle.name} {featureToggle.enabled ? 'is enabled' : 'is disabled'}
+ {featureToggle.description}
- {featureToggle.description}
|