diff options
Diffstat (limited to 'webapp/components/setting_item_min.jsx')
-rw-r--r-- | webapp/components/setting_item_min.jsx | 78 |
1 files changed, 39 insertions, 39 deletions
diff --git a/webapp/components/setting_item_min.jsx b/webapp/components/setting_item_min.jsx index 3b3ae13c5..f230f0198 100644 --- a/webapp/components/setting_item_min.jsx +++ b/webapp/components/setting_item_min.jsx @@ -4,51 +4,51 @@ import {FormattedMessage} from 'react-intl'; import * as Utils from 'utils/utils.jsx'; -import React from 'react'; +import PropTypes from 'prop-types'; -export default class SettingItemMin extends React.Component { - render() { - let editButton = null; - if (!this.props.disableOpen) { - editButton = ( - <li className='col-xs-12 col-sm-3 section-edit'> - <a - id={Utils.createSafeId(this.props.title) + 'Edit'} - className='theme' - href='#' - onClick={this.props.updateSection} - > - <i className='fa fa-pencil'/> - <FormattedMessage - id='setting_item_min.edit' - defaultMessage='Edit' - /> - </a> - </li> - ); - } +import React from 'react'; - return ( - <ul - className='section-min' - onClick={this.props.updateSection} - > - <li className='col-xs-12 col-sm-9 section-title'>{this.props.title}</li> - {editButton} - <li - id={Utils.createSafeId(this.props.title) + 'Desc'} - className='col-xs-12 section-describe' +export default function SettingItemMin(props) { + let editButton = null; + if (!props.disableOpen) { + editButton = ( + <li className='col-xs-12 col-sm-3 section-edit'> + <a + id={Utils.createSafeId(props.title) + 'Edit'} + className='theme' + href='#' + onClick={props.updateSection} > - {this.props.describe} - </li> - </ul> + <i className='fa fa-pencil'/> + <FormattedMessage + id='setting_item_min.edit' + defaultMessage='Edit' + /> + </a> + </li> ); } + + return ( + <ul + className='section-min' + onClick={props.updateSection} + > + <li className='col-xs-12 col-sm-9 section-title'>{props.title}</li> + {editButton} + <li + id={Utils.createSafeId(props.title) + 'Desc'} + className='col-xs-12 section-describe' + > + {props.describe} + </li> + </ul> + ); } SettingItemMin.propTypes = { - title: React.PropTypes.node, - disableOpen: React.PropTypes.bool, - updateSection: React.PropTypes.func, - describe: React.PropTypes.node + title: PropTypes.node, + disableOpen: PropTypes.bool, + updateSection: PropTypes.func, + describe: PropTypes.node }; |