Lightcord/BetterDiscordApp/src/ui/settingsPanel.js

28 lines
1.1 KiB
JavaScript

import {settingsCookie} from "../0globals";
import BDV2 from "../modules/v2";
import SettingsTitle from "./settingsTitle";
import Switch from "./switch";
export default class V2C_SettingsPanel extends BDV2.reactComponent {
constructor(props) {
super(props);
}
render() {
const {settings} = this.props;
let columnModule = BDModules.get(e => e.contentColumnDefault)[0]
return BDV2.react.createElement(
"div",
{className: columnModule.contentColumn+" "+columnModule.contentColumnDefault+" content-column default"},
BDV2.react.createElement(SettingsTitle, {text: this.props.title}),
this.props.button && BDV2.react.createElement("button", {key: "title-button", className: "bd-pfbtn", onClick: this.props.button.onClick}, this.props.button.title),
settings.map(setting => {
return BDV2.react.createElement(Switch, {id: setting.id, key: setting.id, data: setting, checked: settingsCookie[setting.id], onChange: (id, checked) => {
this.props.onChange(id, checked);
}});
})
);
}
}