mirrors/mostlymatter
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

[MM-56848] Convert ./components/admin_console/settings_group.tsx from Class Component to Function Component (#26258)

Просмотр исходного кода 
Co-authored-by: Mattermost Build <build@mattermost.com>
Этот коммит содержится в:
Syed Ali Abbas Zaidi
2024-03-05 00:44:05 +05:00
коммит произвёл GitHub
родитель e0f3713bdf
Коммит 6ba3ac4a02
10 изменённых файлов: 117 добавлений и 117 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

8
webapp/channels/src/components/admin_console/__snapshots__/bleve_settings.test.tsx.snap
Просмотреть файл

@@ -15,7 +15,7 @@ exports[`components/BleveSettings should match snapshot, disabled 1`] = `
id="admin.bleve.title" id="admin.bleve.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -207,7 +207,7 @@ exports[`components/BleveSettings should match snapshot, disabled 1`] = `
} }
value={false} value={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -266,7 +266,7 @@ exports[`components/BleveSettings should match snapshot, enabled 1`] = `
id="admin.bleve.title" id="admin.bleve.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -458,7 +458,7 @@ exports[`components/BleveSettings should match snapshot, enabled 1`] = `
} }
value={false} value={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >

16
webapp/channels/src/components/admin_console/__snapshots__/cluster_settings.test.tsx.snap
Просмотреть файл

@@ -15,7 +15,7 @@ exports[`components/ClusterSettings should match snapshot, compression disabled
id="admin.advance.cluster" id="admin.advance.cluster"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<Memo(ClusterTableContainer) /> <Memo(ClusterTableContainer) />
<div <div
className="banner" className="banner"
@@ -249,7 +249,7 @@ exports[`components/ClusterSettings should match snapshot, compression disabled
} }
setByEnv={false} setByEnv={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -308,7 +308,7 @@ exports[`components/ClusterSettings should match snapshot, compression enabled 1
id="admin.advance.cluster" id="admin.advance.cluster"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<Memo(ClusterTableContainer) /> <Memo(ClusterTableContainer) />
<div <div
className="banner" className="banner"
@@ -542,7 +542,7 @@ exports[`components/ClusterSettings should match snapshot, compression enabled 1
} }
setByEnv={false} setByEnv={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -601,7 +601,7 @@ exports[`components/ClusterSettings should match snapshot, encryption disabled 1
id="admin.advance.cluster" id="admin.advance.cluster"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<Memo(ClusterTableContainer) /> <Memo(ClusterTableContainer) />
<div <div
className="banner" className="banner"
@@ -835,7 +835,7 @@ exports[`components/ClusterSettings should match snapshot, encryption disabled 1
} }
setByEnv={false} setByEnv={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -894,7 +894,7 @@ exports[`components/ClusterSettings should match snapshot, encryption enabled 1`
id="admin.advance.cluster" id="admin.advance.cluster"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<Memo(ClusterTableContainer) /> <Memo(ClusterTableContainer) />
<div <div
className="banner" className="banner"
@@ -1128,7 +1128,7 @@ exports[`components/ClusterSettings should match snapshot, encryption enabled 1`
} }
setByEnv={false} setByEnv={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >

4
webapp/channels/src/components/admin_console/__snapshots__/database_settings.test.tsx.snap
Просмотреть файл

@@ -15,7 +15,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
id="admin.database.title" id="admin.database.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<div <div
className="banner" className="banner"
> >
@@ -422,7 +422,7 @@ exports[`components/DatabaseSettings should match snapshot 1`] = `
</div> </div>
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >

8
webapp/channels/src/components/admin_console/__snapshots__/elasticsearch_settings.test.tsx.snap
Просмотреть файл

@@ -15,7 +15,7 @@ exports[`components/ElasticSearchSettings should match snapshot, disabled 1`] =
id="admin.elasticsearch.title" id="admin.elasticsearch.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -462,7 +462,7 @@ exports[`components/ElasticSearchSettings should match snapshot, disabled 1`] =
} }
value={false} value={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -521,7 +521,7 @@ exports[`components/ElasticSearchSettings should match snapshot, enabled 1`] = `
id="admin.elasticsearch.title" id="admin.elasticsearch.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -967,7 +967,7 @@ exports[`components/ElasticSearchSettings should match snapshot, enabled 1`] = `
} }
value={false} value={false}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >

24
webapp/channels/src/components/admin_console/__snapshots__/message_export_settings.test.tsx.snap
Просмотреть файл

@@ -15,7 +15,7 @@ exports[`components/MessageExportSettings should match snapshot, disabled, actia
id="admin.complianceExport.title" id="admin.complianceExport.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -136,7 +136,7 @@ exports[`components/MessageExportSettings should match snapshot, disabled, actia
getExtraInfoText={[Function]} getExtraInfoText={[Function]}
jobType="message_export" jobType="message_export"
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -195,7 +195,7 @@ exports[`components/MessageExportSettings should match snapshot, disabled, globa
id="admin.complianceExport.title" id="admin.complianceExport.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -299,7 +299,7 @@ exports[`components/MessageExportSettings should match snapshot, disabled, globa
] ]
} }
/> />
<SettingsGroup <Memo(SettingsGroup)
id="globalRelaySettings" id="globalRelaySettings"
> >
<Memo(RadioSetting) <Memo(RadioSetting)
@@ -412,7 +412,7 @@ exports[`components/MessageExportSettings should match snapshot, disabled, globa
setByEnv={false} setByEnv={false}
value="globalRelay@mattermost.com" value="globalRelay@mattermost.com"
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<Connect(JobTable) <Connect(JobTable)
createJobButtonText={ createJobButtonText={
<Memo(MemoizedFormattedMessage) <Memo(MemoizedFormattedMessage)
@@ -430,7 +430,7 @@ exports[`components/MessageExportSettings should match snapshot, disabled, globa
getExtraInfoText={[Function]} getExtraInfoText={[Function]}
jobType="message_export" jobType="message_export"
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -489,7 +489,7 @@ exports[`components/MessageExportSettings should match snapshot, enabled, actian
id="admin.complianceExport.title" id="admin.complianceExport.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -610,7 +610,7 @@ exports[`components/MessageExportSettings should match snapshot, enabled, actian
getExtraInfoText={[Function]} getExtraInfoText={[Function]}
jobType="message_export" jobType="message_export"
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -669,7 +669,7 @@ exports[`components/MessageExportSettings should match snapshot, enabled, global
id="admin.complianceExport.title" id="admin.complianceExport.title"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<BooleanSetting <BooleanSetting
disabled={false} disabled={false}
falseText={ falseText={
@@ -773,7 +773,7 @@ exports[`components/MessageExportSettings should match snapshot, enabled, global
] ]
} }
/> />
<SettingsGroup <Memo(SettingsGroup)
id="globalRelaySettings" id="globalRelaySettings"
> >
<Memo(RadioSetting) <Memo(RadioSetting)
@@ -886,7 +886,7 @@ exports[`components/MessageExportSettings should match snapshot, enabled, global
setByEnv={false} setByEnv={false}
value="globalRelay@mattermost.com" value="globalRelay@mattermost.com"
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<Connect(JobTable) <Connect(JobTable)
createJobButtonText={ createJobButtonText={
<Memo(MemoizedFormattedMessage) <Memo(MemoizedFormattedMessage)
@@ -904,7 +904,7 @@ exports[`components/MessageExportSettings should match snapshot, enabled, global
getExtraInfoText={[Function]} getExtraInfoText={[Function]}
jobType="message_export" jobType="message_export"
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >

8
webapp/channels/src/components/admin_console/__snapshots__/push_settings.test.tsx.snap
Просмотреть файл

@@ -15,7 +15,7 @@ exports[`components/PushSettings should match snapshot, licensed 1`] = `
id="admin.environment.pushNotificationServer" id="admin.environment.pushNotificationServer"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<Memo(DropdownSetting) <Memo(DropdownSetting)
helpText={null} helpText={null}
id="pushNotificationServerType" id="pushNotificationServerType"
@@ -156,7 +156,7 @@ exports[`components/PushSettings should match snapshot, licensed 1`] = `
type="number" type="number"
value={1000} value={1000}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >
@@ -215,7 +215,7 @@ exports[`components/PushSettings should match snapshot, unlicensed 1`] = `
id="admin.environment.pushNotificationServer" id="admin.environment.pushNotificationServer"
/> />
</AdminHeader> </AdminHeader>
<SettingsGroup> <Memo(SettingsGroup)>
<Memo(DropdownSetting) <Memo(DropdownSetting)
helpText={null} helpText={null}
id="pushNotificationServerType" id="pushNotificationServerType"
@@ -300,7 +300,7 @@ exports[`components/PushSettings should match snapshot, unlicensed 1`] = `
type="number" type="number"
value={1000} value={1000}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
<div <div
className="admin-console-save" className="admin-console-save"
> >

4
webapp/channels/src/components/admin_console/__snapshots__/schema_admin_settings.test.tsx.snap
Просмотреть файл

@@ -106,7 +106,7 @@ exports[`components/admin_console/SchemaAdminSettings should match snapshot with
onSubmit={[Function]} onSubmit={[Function]}
role="form" role="form"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
> >
<AdminTextSetting <AdminTextSetting
@@ -697,7 +697,7 @@ exports[`components/admin_console/SchemaAdminSettings should match snapshot with
} }
value={true} value={true}
/> />
</SettingsGroup> </Memo(SettingsGroup)>
</form> </form>
</div> </div>
</div> </div>

8
webapp/channels/src/components/admin_console/custom_plugin_settings/__snapshots__/custom_plugin_settings.test.tsx.snap
Просмотреть файл

@@ -18,7 +18,7 @@ exports[`components/admin_console/CustomPluginSettings should match snapshot wit
onSubmit={[Function]} onSubmit={[Function]}
role="form" role="form"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
> >
<div <div
@@ -178,7 +178,7 @@ exports[`components/admin_console/CustomPluginSettings should match snapshot wit
*This* is the **footer**" *This* is the **footer**"
/> />
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</form> </form>
</div> </div>
</div> </div>
@@ -318,7 +318,7 @@ exports[`components/admin_console/CustomPluginSettings should match snapshot wit
onSubmit={[Function]} onSubmit={[Function]}
role="form" role="form"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
> >
<div <div
@@ -478,7 +478,7 @@ exports[`components/admin_console/CustomPluginSettings should match snapshot wit
*This* is the **footer**" *This* is the **footer**"
/> />
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</form> </form>
</div> </div>
</div> </div>

60
webapp/channels/src/components/admin_console/plugin_management/__snapshots__/plugin_management.test.tsx.snap
Просмотреть файл

@@ -21,7 +21,7 @@ exports[`components/PluginManagement should match snapshot 1`] = `
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -302,7 +302,7 @@ exports[`components/PluginManagement should match snapshot 1`] = `
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -369,7 +369,7 @@ exports[`components/PluginManagement should match snapshot when \`Enable Marketp
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -650,7 +650,7 @@ exports[`components/PluginManagement should match snapshot when \`Enable Marketp
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -717,7 +717,7 @@ exports[`components/PluginManagement should match snapshot when \`Enable Plugins
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -746,7 +746,7 @@ exports[`components/PluginManagement should match snapshot when \`Enable Plugins
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -813,7 +813,7 @@ exports[`components/PluginManagement should match snapshot when \`Enable Remote
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -1094,7 +1094,7 @@ exports[`components/PluginManagement should match snapshot when \`Enable Remote
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -1161,7 +1161,7 @@ exports[`components/PluginManagement should match snapshot when \`Require Signat
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -1444,7 +1444,7 @@ exports[`components/PluginManagement should match snapshot when \`Require Signat
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -1511,7 +1511,7 @@ exports[`components/PluginManagement should match snapshot, No installed plugins
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -1796,7 +1796,7 @@ exports[`components/PluginManagement should match snapshot, No installed plugins
/> />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -1863,7 +1863,7 @@ exports[`components/PluginManagement should match snapshot, allow insecure URL e
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -2144,7 +2144,7 @@ exports[`components/PluginManagement should match snapshot, allow insecure URL e
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -2211,7 +2211,7 @@ exports[`components/PluginManagement should match snapshot, disabled 1`] = `
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -2469,7 +2469,7 @@ exports[`components/PluginManagement should match snapshot, disabled 1`] = `
setByEnv={false} setByEnv={false}
value="marketplace.example.com" value="marketplace.example.com"
/> />
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -2536,7 +2536,7 @@ exports[`components/PluginManagement should match snapshot, text entered into th
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -2817,7 +2817,7 @@ exports[`components/PluginManagement should match snapshot, text entered into th
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -2884,7 +2884,7 @@ exports[`components/PluginManagement should match snapshot, upload disabled 1`]
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -3172,7 +3172,7 @@ exports[`components/PluginManagement should match snapshot, upload disabled 1`]
<br /> <br />
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -3239,7 +3239,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -3583,7 +3583,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
</div> </div>
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -3650,7 +3650,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -3962,7 +3962,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
</div> </div>
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -4029,7 +4029,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -4341,7 +4341,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
</div> </div>
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -4408,7 +4408,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -4720,7 +4720,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
</div> </div>
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div
@@ -4787,7 +4787,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
<div <div
className="admin-console__content" className="admin-console__content"
> >
<SettingsGroup <Memo(SettingsGroup)
container={false} container={false}
id="PluginSettings" id="PluginSettings"
> >
@@ -5131,7 +5131,7 @@ exports[`components/PluginManagement should match snapshot, with installed plugi
</div> </div>
</div> </div>
</div> </div>
</SettingsGroup> </Memo(SettingsGroup)>
</div> </div>
</div> </div>
<div <div

48
webapp/channels/src/components/admin_console/settings_group.tsx
Просмотреть файл

@@ -1,7 +1,7 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information. // See LICENSE.txt for license information.
import React from 'react'; import React, {memo} from 'react';
type Props = { type Props = {
id?: string; id?: string;
@@ -13,10 +13,14 @@ type Props = {
container?: boolean; container?: boolean;
}; };
export default class SettingsGroup extends React.PureComponent<Props> { const SettingsGroup = ({
render(): React.ReactNode { show = true,
const {show = true, container = true} = this.props; container = true,
header,
title,
subtitle,
children,
}: Props) => {
let wrapperClass = ''; let wrapperClass = '';
let contentClass = ''; let contentClass = '';
@@ -29,29 +33,24 @@ export default class SettingsGroup extends React.PureComponent<Props> {
contentClass = 'admin-console__content'; contentClass = 'admin-console__content';
} }
let header = null; let sectionTitle = null;
if (this.props.header) { if (!header && title) {
header = <h4>{this.props.header}</h4>; sectionTitle = <div className={'section-title'}>{title}</div>;
} }
let title = null; let sectionSubtitle = null;
if (!this.props.header && this.props.title) { if (!header && subtitle) {
title = <div className={'section-title'}>{this.props.title}</div>; sectionSubtitle = (
} <div className={'section-subtitle'}>{subtitle}</div>
let subtitle = null;
if (!this.props.header && this.props.subtitle) {
subtitle = (
<div className={'section-subtitle'}>{this.props.subtitle}</div>
); );
} }
let sectionHeader = null; let sectionHeader = null;
if (title || subtitle) { if (sectionTitle || sectionSubtitle) {
sectionHeader = ( sectionHeader = (
<div className={'section-header'}> <div className={'section-header'}>
{title} {sectionTitle}
{subtitle} {sectionSubtitle}
</div> </div>
); );
} }
@@ -59,11 +58,12 @@ export default class SettingsGroup extends React.PureComponent<Props> {
return ( return (
<div className={wrapperClass}> <div className={wrapperClass}>
<div className={contentClass}> <div className={contentClass}>
{header} {header ? <h4>{header}</h4> : null}
{sectionHeader} {sectionHeader}
{this.props.children} {children}
</div> </div>
</div> </div>
); );
} };
}
export default memo(SettingsGroup);