RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 19:14:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

generate settings tabs from one object

Browse Source
This commit is contained in:
srgooglo 2022-05-13 20:12:11 +02:00
parent e09c050a53
commit 10a316c64d
1 changed files with 41 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
packages/app/src/components/Settings/index.jsx
View File

@ -7,9 +7,7 @@ import classnames from "classnames"
import config from "config"
import { Icons, createIconRender } from "components/Icons"
import AppSettings from "schemas/settings/app"
import AccountSettings from "schemas/settings/account"
import SettingsList from "schemas/settings"
import groupsDecorator from "schemas/settingsGroupsDecorator.json"
import { AboutApp } from ".."
@ -326,6 +324,22 @@ export default class SettingsMenu extends React.PureComponent {
})
}
generateSettingsTabs = () => {
return Object.keys(SettingsList).map((key) => {
return <antd.Tabs.TabPane
key={key}
tab={
<span>
{createIconRender(SettingsList[key].icon)}
{SettingsList[key].label}
</span>
}
>
{this.generateSettingsGroups(SettingsList[key].settings)}
</antd.Tabs.TabPane>
})
}
render() {
const isDevMode = window.__evite?.env?.NODE_ENV !== "production"
@ -337,16 +351,8 @@ export default class SettingsMenu extends React.PureComponent {
destroyInactiveTabPane
onTabClick={this.handlePageTransition}
>
<antd.Tabs.TabPane
key="app"
tab={
<span>
<Icons.Command />
App
</span>
}
>
{this.generateSettingsGroups(AppSettings)}
{this.generateSettingsTabs()}
</antd.Tabs>
<div className="footer">
<div>
<div>{config.app?.siteName}</div>
@ -370,39 +376,6 @@ export default class SettingsMenu extends React.PureComponent {
</antd.Button>
</div>
</div>
</antd.Tabs.TabPane>
<antd.Tabs.TabPane
key="account"
tab={
<span>
<Icons.User />
Account
</span>
}
>
{this.generateSettingsGroups(AccountSettings)}
</antd.Tabs.TabPane>
<antd.Tabs.TabPane
key="security"
tab={
<span>
<Icons.Shield />
Security
</span>
}
>
</antd.Tabs.TabPane>
<antd.Tabs.TabPane
key="privacy"
tab={
<span>
<Icons.Eye />
Privacy
</span>
}
>
</antd.Tabs.TabPane>
</antd.Tabs>
</div>
)
}