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}