List dividers

packages/unleash-frontend-next/src/component/nav.jsx

@@ -18,13 +18,17 @@ export default class UnleashNav extends Component {
                     {createListItem('/strategies', 'Strategies')}
                     {createListItem('/history', 'Event history')}
                     {createListItem('/archive', 'Archived toggles')}
+
+                    <ListDivider />
+                    
+                    <ListSubHeader caption="Clients" />
                     {createListItem('/metrics', 'Client metrics')}
                     {createListItem('/client-strategies', 'Client strategies')}
+                    {createListItem('/client-instances', 'Client instances')}
 
                     <ListDivider />
 
-                    <ListSubHeader Resources/>
+                    <ListSubHeader caption="Resources" />
-
                     {createListItem('/docs', 'Documentation')}
                     <a href="https://github.com/finn-no/unleash/" target="_blank">
                         <ListItem caption="GitHub" />

packages/unleash-frontend-next/src/index.jsx

@@ -17,6 +17,7 @@ import HistoryPage from './page/history';
 import Archive from './page/archive';
 import Metrics from './page/metrics';
 import ClientStrategies from './page/client-strategies';
+import ClientInstances from './page/client-instances';
 
 const unleashStore = createStore(
     store,
@@ -39,6 +40,7 @@ ReactDOM.render(
                 <Route path="/archive" component={Archive} />
                 <Route path="/metrics" component={Metrics} />
                 <Route path="/client-strategies" component={ClientStrategies} />
+                <Route path="/client-instances" component={ClientInstances} />
             </Route>
         </Router>
     </Provider>, document.getElementById('app'));

packages/unleash-frontend-next/src/page/client-instances/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import ClientStrategy from '../../component/client-strategy/strategy-container';
+
+const render = () => <ClientStrategy />;
+
+export default render;

packages/unleash-frontend-next/src/page/client-strategies/index.js

@@ -1,6 +1,11 @@
 import React from 'react';
 import ClientStrategy from '../../component/client-strategy/strategy-container';
 
-const render = () => <ClientStrategy />;
+const render = () => (
+    <div>
+        <h5>Client Strategies</h5>
+        <ClientStrategy />
+    </div>
+);
 
 export default render;