RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-11 03:24: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

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

@ -7,9 +7,7 @@ import classnames from "classnames"
import config from "config" import config from "config"
import { Icons, createIconRender } from "components/Icons" import { Icons, createIconRender } from "components/Icons"
import AppSettings from "schemas/settings/app" import SettingsList from "schemas/settings"
import AccountSettings from "schemas/settings/account"
import groupsDecorator from "schemas/settingsGroupsDecorator.json" import groupsDecorator from "schemas/settingsGroupsDecorator.json"
import { AboutApp } from ".." 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() { render() {
const isDevMode = window.__evite?.env?.NODE_ENV !== "production" const isDevMode = window.__evite?.env?.NODE_ENV !== "production"
@ -337,72 +351,31 @@ export default class SettingsMenu extends React.PureComponent {
destroyInactiveTabPane destroyInactiveTabPane
onTabClick={this.handlePageTransition} onTabClick={this.handlePageTransition}
> >
<antd.Tabs.TabPane {this.generateSettingsTabs()}
key="app"
tab={
<span>
<Icons.Command />
App
</span>
}
>
{this.generateSettingsGroups(AppSettings)}
<div className="footer">
<div>
<div>{config.app?.siteName}</div>
<div>
<antd.Tag>
<Icons.Tag />v{window.app.version}
</antd.Tag>
</div>
<div>
<antd.Tag color={isDevMode ? "magenta" : "green"}>
{isDevMode ? <Icons.Triangle /> : <Icons.Box />}
{isDevMode ? "development" : "stable"}
</antd.Tag>
</div>
</div>
<div>
<antd.Button type="link" onClick={() => AboutApp.openModal()}>
<Translation>
{t => t("about")}
</Translation>
</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> </antd.Tabs>
<div className="footer">
<div>
<div>{config.app?.siteName}</div>
<div>
<antd.Tag>
<Icons.Tag />v{window.app.version}
</antd.Tag>
</div>
<div>
<antd.Tag color={isDevMode ? "magenta" : "green"}>
{isDevMode ? <Icons.Triangle /> : <Icons.Box />}
{isDevMode ? "development" : "stable"}
</antd.Tag>
</div>
</div>
<div>
<antd.Button type="link" onClick={() => AboutApp.openModal()}>
<Translation>
{t => t("about")}
</Translation>
</antd.Button>
</div>
</div>
</div> </div>
) )
} }