fix typ0 and use chip instead of label

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

@@ -4,6 +4,7 @@ import { Link } from 'react-router';
 import FontIcon from 'react-toolbox/lib/font_icon';
 import Switch from 'react-toolbox/lib/switch';
 import { ListItem } from 'react-toolbox/lib/list';
+import Chip from 'react-toolbox/lib/chip';
 
 import style from './feature.scss';
 
@@ -11,7 +12,7 @@ const Feature = ({ feature, onFeatureClick, onFeatureRemove }) => {
     const { name, description, enabled, strategies } = feature; // eslint-disable-line no-shadow
 
     const actions = [
-        strategies.map(s => s.name).join(', '),
+        <div>{strategies.map(s => <Chip><small>{s.name}</small></Chip>)}</div>,
         <Link to={`/features/edit/${name}`} title={`Edit ${name}`}>
             <FontIcon value="edit" className={style.action} />
         </Link>,

packages/unleash-frontend-next/src/component/feature/select-strategies.jsx

@@ -1,5 +1,6 @@
 import React, { PropTypes } from 'react';
-import { Button, Input } from 'react-toolbox';
+import Input from 'react-toolbox/lib/input';
+import Button from 'react-toolbox/lib/button';
 
 class SelectStrategies extends React.Component {
     constructor (props) {

packages/unleash-frontend-next/src/component/feature/selected-strategies.jsx

@@ -1,5 +1,6 @@
 import React, { PropTypes } from 'react';
-import { Avatar, Chip } from 'react-toolbox';
+import Chip from 'react-toolbox/lib/chip';
+import Avatar from 'react-toolbox/lib/avatar';
 
 class SelectedStrategies extends React.Component {
     static propTypes () {

packages/unleash-frontend-next/src/component/strategies/list-component.jsx

@@ -1,6 +1,8 @@
 import React, { Component } from 'react';
 import { List, ListItem, ListSubHeader, ListDivider } from 'react-toolbox/lib/list';
 import FontIcon from 'react-toolbox/lib/font_icon';
+import Chip from 'react-toolbox/lib/chip';
+
 import style from './strategies.scss';
 
 class StrategiesListComponent extends Component {
@@ -15,7 +17,7 @@ class StrategiesListComponent extends Component {
 
     getParameterMap ({ parametersTemplate }) {
         return Object.keys(parametersTemplate || {}).map(k => (
-            <span className={style.label} key={k}>{k}</span>
+            <Chip key={k}><small>{k}</small></Chip>
         ));
     }
 

packages/unleash-frontend-next/src/component/strategies/strategies.scss

@@ -1,13 +1,3 @@
-.label {
-    font-size: 75%;
-    color: #aaa;
-    padding: 4px 5px 3px 5px;
-    background-color: #ddd;
-    border-radius: 5px;
-    margin-right: 5px;
-}
-
-
 .non-style-button {
     cursor: pointer;
     color: #757575;