mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-11 00:08:30 +01:00
fix typ0 and use chip instead of label
This commit is contained in:
parent
203ae78c59
commit
0e1ffd7a13
@ -4,6 +4,7 @@ import { Link } from 'react-router';
|
|||||||
import FontIcon from 'react-toolbox/lib/font_icon';
|
import FontIcon from 'react-toolbox/lib/font_icon';
|
||||||
import Switch from 'react-toolbox/lib/switch';
|
import Switch from 'react-toolbox/lib/switch';
|
||||||
import { ListItem } from 'react-toolbox/lib/list';
|
import { ListItem } from 'react-toolbox/lib/list';
|
||||||
|
import Chip from 'react-toolbox/lib/chip';
|
||||||
|
|
||||||
import style from './feature.scss';
|
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 { name, description, enabled, strategies } = feature; // eslint-disable-line no-shadow
|
||||||
|
|
||||||
const actions = [
|
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}`}>
|
<Link to={`/features/edit/${name}`} title={`Edit ${name}`}>
|
||||||
<FontIcon value="edit" className={style.action} />
|
<FontIcon value="edit" className={style.action} />
|
||||||
</Link>,
|
</Link>,
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
import React, { PropTypes } from 'react';
|
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 {
|
class SelectStrategies extends React.Component {
|
||||||
constructor (props) {
|
constructor (props) {
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
import React, { PropTypes } from 'react';
|
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 {
|
class SelectedStrategies extends React.Component {
|
||||||
static propTypes () {
|
static propTypes () {
|
||||||
|
@ -1,6 +1,8 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { List, ListItem, ListSubHeader, ListDivider } from 'react-toolbox/lib/list';
|
import { List, ListItem, ListSubHeader, ListDivider } from 'react-toolbox/lib/list';
|
||||||
import FontIcon from 'react-toolbox/lib/font_icon';
|
import FontIcon from 'react-toolbox/lib/font_icon';
|
||||||
|
import Chip from 'react-toolbox/lib/chip';
|
||||||
|
|
||||||
import style from './strategies.scss';
|
import style from './strategies.scss';
|
||||||
|
|
||||||
class StrategiesListComponent extends Component {
|
class StrategiesListComponent extends Component {
|
||||||
@ -15,7 +17,7 @@ class StrategiesListComponent extends Component {
|
|||||||
|
|
||||||
getParameterMap ({ parametersTemplate }) {
|
getParameterMap ({ parametersTemplate }) {
|
||||||
return Object.keys(parametersTemplate || {}).map(k => (
|
return Object.keys(parametersTemplate || {}).map(k => (
|
||||||
<span className={style.label} key={k}>{k}</span>
|
<Chip key={k}><small>{k}</small></Chip>
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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 {
|
.non-style-button {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #757575;
|
color: #757575;
|
||||||
|
Loading…
Reference in New Issue
Block a user