diff --git a/src/apis/ServiceApi.js b/src/apis/ServiceApi.js
index be6b214..00f10f3 100644
--- a/src/apis/ServiceApi.js
+++ b/src/apis/ServiceApi.js
@@ -22,10 +22,12 @@
import { normalizeServices, normalizeServiceConfigs } from './ServiceNormalizer'
const API_URL = '../rest/admin/services/';
+const VIEW_URL = '../rest/services/';
const ServiceApi = {
URL: API_URL,
+ VIEW_URL: VIEW_URL,
getServicesQuery: function() {
return {
diff --git a/src/components/presentational/ServiceActions.jsx b/src/components/presentational/ServiceActions.jsx
index 86b3330..96e347e 100644
--- a/src/components/presentational/ServiceActions.jsx
+++ b/src/components/presentational/ServiceActions.jsx
@@ -37,6 +37,8 @@ import TrashIcon from 'grommet/components/icons/base/Trash';
import LayerForm from '../common/LayerForm';
import Paragraph from 'grommet/components/Paragraph';
+import ServiceApi from '../../apis/ServiceApi'
+
export default class ServiceActions extends Component {
@@ -147,15 +149,15 @@ export default class ServiceActions extends Component {
plain={ true }
icon={ }
label="View"
- href={ `/rest/services/${service.id}/` }
+ href={ `${ServiceApi.VIEW_URL}${service.id}/` }
target="_blank" />
{ stateControls }
{ /* }
- label="Edit"
- onClick={ this._onEdit }
- a11yTitle={ `Edit ${service.name} Virtual Machine` } />*/ }
+ plain={ true }
+ icon={ }
+ label="Edit"
+ onClick={ this._onEdit }
+ a11yTitle={ `Edit ${service.name} Virtual Machine` } />*/ }
}