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