mirror of
https://github.com/Unleash/unleash.git
synced 2025-09-10 17:53:36 +02:00
fix titles
This commit is contained in:
parent
6e366c1db6
commit
412d95c7e2
@ -2,7 +2,7 @@ import React, { Component, PropTypes } from 'react';
|
|||||||
import { Textfield, Switch } from 'react-mdl';
|
import { Textfield, Switch } from 'react-mdl';
|
||||||
import StrategiesSection from './strategies-section-container';
|
import StrategiesSection from './strategies-section-container';
|
||||||
|
|
||||||
import { FormButtons } from '../../common';
|
import { FormButtons, HeaderTitle } from '../../common';
|
||||||
|
|
||||||
const trim = (value) => {
|
const trim = (value) => {
|
||||||
if (value && value.trim) {
|
if (value && value.trim) {
|
||||||
@ -32,6 +32,7 @@ class AddFeatureToggleComponent extends Component {
|
|||||||
onSubmit,
|
onSubmit,
|
||||||
onCancel,
|
onCancel,
|
||||||
editmode = false,
|
editmode = false,
|
||||||
|
title,
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
const {
|
const {
|
||||||
@ -44,8 +45,10 @@ class AddFeatureToggleComponent extends Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<form onSubmit={onSubmit(input)}>
|
<form onSubmit={onSubmit(input)}>
|
||||||
|
<HeaderTitle title={title} />
|
||||||
<section>
|
<section>
|
||||||
<Textfield
|
<Textfield
|
||||||
|
floatingLabel
|
||||||
label="Name"
|
label="Name"
|
||||||
name="name"
|
name="name"
|
||||||
disabled={editmode}
|
disabled={editmode}
|
||||||
@ -56,7 +59,9 @@ class AddFeatureToggleComponent extends Component {
|
|||||||
onChange={(v) => setValue('name', trim(v.target.value))} />
|
onChange={(v) => setValue('name', trim(v.target.value))} />
|
||||||
<br />
|
<br />
|
||||||
<Textfield
|
<Textfield
|
||||||
rows={2}
|
floatingLabel
|
||||||
|
style={{ width: '100%' }}
|
||||||
|
rows={5}
|
||||||
label="Description"
|
label="Description"
|
||||||
required
|
required
|
||||||
value={description}
|
value={description}
|
||||||
|
@ -124,8 +124,8 @@ class EditFeatureToggleWrapper extends React.Component {
|
|||||||
<p>{featureToggle.description}</p>
|
<p>{featureToggle.description}</p>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
<h4>Edit</h4>
|
|
||||||
<EditFeatureToggle featureToggle={featureToggle} />
|
<EditFeatureToggle title="Edit" featureToggle={featureToggle} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
import { Grid, Cell } from 'react-mdl';
|
import { Grid, Cell } from 'react-mdl';
|
||||||
|
|
||||||
import { AppsLinkList } from '../common';
|
import { AppsLinkList, HeaderTitle } from '../common';
|
||||||
|
|
||||||
class ShowStrategyComponent extends Component {
|
class ShowStrategyComponent extends Component {
|
||||||
componentDidMount () {
|
componentDidMount () {
|
||||||
@ -43,8 +43,7 @@ class ShowStrategyComponent extends Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<h4>{name}</h4>
|
<HeaderTitle title={name} subtitle={description} />
|
||||||
<p>{description}</p>
|
|
||||||
<Grid>
|
<Grid>
|
||||||
<Cell col={6}>
|
<Cell col={6}>
|
||||||
<h6>Parameters</h6>
|
<h6>Parameters</h6>
|
||||||
|
@ -1,11 +1,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import AddFeatureToggleForm from '../../component/feature/form-add-container';
|
import AddFeatureToggleForm from '../../component/feature/form-add-container';
|
||||||
|
|
||||||
const render = () => (
|
|
||||||
<div>
|
const render = () => (<AddFeatureToggleForm title="Create feature toggle" />);
|
||||||
<h6>Create feature toggle</h6>
|
|
||||||
<AddFeatureToggleForm />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
export default render;
|
export default render;
|
||||||
|
Loading…
Reference in New Issue
Block a user