PLT-6654 Fix SAML page in System Console (#6480)

webapp/components/admin_console/setting.jsx

@@ -1,34 +1,35 @@
-import PropTypes from 'prop-types';
-
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-import React from 'react';
+import React, {PureComponent} from 'react';
+import PropTypes from 'prop-types';
 
-export default function Setting(props) {
+export default class Settings extends PureComponent {
-    return (
+    static propTypes = {
-        <div className='form-group'>
+        inputId: PropTypes.string,
-            <label
+        label: PropTypes.node.isRequired,
-                className='control-label col-sm-4'
+        children: PropTypes.node.isRequired,
-                htmlFor={props.inputId}
+        helpText: PropTypes.node
-            >
+    };
-                {props.label}
+
-            </label>
+    render() {
-            <div className='col-sm-8'>
+        const {children, helpText, inputId, label} = this.props;
-                {props.children}
+
-                <div className='help-text'>
+        return (
-                    {props.helpText}
+            <div className='form-group'>
+                <label
+                    className='control-label col-sm-4'
+                    htmlFor={inputId}
+                >
+                    {label}
+                </label>
+                <div className='col-sm-8'>
+                    {children}
+                    <div className='help-text'>
+                        {helpText}
+                    </div>
                 </div>
             </div>
-        </div>
+        );
-    );
+    }
 }
-Setting.defaultProps = {
-};
-
-Setting.propTypes = {
-    inputId: PropTypes.string,
-    label: PropTypes.node.isRequired,
-    children: PropTypes.node.isRequired,
-    helpText: PropTypes.node
-};