1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-10 17:53:36 +02:00

fix titles

This commit is contained in:
sveisvei 2016-12-10 12:35:28 +01:00
parent 6e366c1db6
commit 412d95c7e2
4 changed files with 13 additions and 13 deletions

View File

@ -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}

View File

@ -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>
); );
} }

View File

@ -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>

View File

@ -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;