react-openfin-mat-impl
Version:
Materialize UI implementation of react-openfin
21 lines • 1.28 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const react_1 = require("react");
const react_openfin_1 = require("react-openfin");
const Switch_1 = require("@material-ui/core/Switch");
const Typography_1 = require("@material-ui/core/Typography");
const styles_1 = require("@material-ui/styles");
const react_i18next_1 = require("react-i18next");
const jss_1 = require("../../assets/jss");
const useStyles = styles_1.makeStyles(jss_1.configThemeFieldCompStyle);
const ConfigThemeField = ({}) => {
const classes = useStyles({});
const { t, i18n } = react_i18next_1.useTranslation('config', { useSuspense: false });
const { config, actions: { onToggleThemeField } } = react_1.useContext(react_openfin_1.ConfigContext);
return (React.createElement("div", { className: classes.container },
React.createElement(Switch_1.default, { checked: config.application.theme === react_openfin_1.MuiTheme.DARK, onChange: onToggleThemeField, value: "themeVal" }),
React.createElement(Typography_1.default, { className: classes.themeSpan, variant: "body1", gutterBottom: true }, t(`common.${config.application.theme}`))));
};
exports.default = ConfigThemeField;
//# sourceMappingURL=ConfigThemeField.js.map