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

split SettingsFooter to component

Browse Source
This commit is contained in:
srgooglo 2022-10-25 12:07:49 +00:00
parent 8ab88f589e
commit 44fb448f3a
1 changed files with 39 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,6 +24,34 @@ const ItemTypes = {
SliderColorPicker: SliderPicker,
}
const SettingsFooter = () => {
const isDevMode = window.__evite?.env?.NODE_ENV !== "production"
return <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={this.onClickAppAbout}>
<Translation>
{t => t("about")}
</Translation>
</antd.Button>
</div>
</div>
}
const SettingItem = (props) => {
let { item } = props
@ -397,42 +425,17 @@ export default class SettingsMenu extends React.PureComponent {
}
render() {
const isDevMode = window.__evite?.env?.NODE_ENV !== "production"
return <div className="settings">
<antd.Tabs
activeKey={this.state.activeKey}
centered
destroyInactiveTabPane
onTabClick={this.handlePageTransition}
>
{this.generateSettingsTabs()}
</antd.Tabs>
return (
<div className="settings">
<antd.Tabs
activeKey={this.state.activeKey}
centered
destroyInactiveTabPane
onTabClick={this.handlePageTransition}
>
{this.generateSettingsTabs()}
</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={this.onClickAppAbout}>
<Translation>
{t => t("about")}
</Translation>
</antd.Button>
</div>
</div>
</div>
)
<SettingsFooter />
</div>
}
}