webapp/components/admin_console/settings_group.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

import PropTypes from 'prop-types';

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.

import React from 'react';

export default class SettingsGroup extends React.Component {
    static get propTypes() {
        return {
            show: PropTypes.bool.isRequired,
            header: PropTypes.node,
            children: PropTypes.node
        };
    }

    static get defaultProps() {
        return {
            show: true
        };
    }

    render() {
        if (!this.props.show) {
            return null;
        }

        let header = null;
        if (this.props.header) {
            header = (
                <h4>
                    {this.props.header}
                </h4>
            );
        }

        return (
            <div className='admin-settings__group'>
                {header}
                {this.props.children}
            </div>
        );
    }
}