react-openfin-mat-impl
Version:
Materialize UI implementation of react-openfin
36 lines • 2.16 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const styles_1 = require("@material-ui/styles");
const Button_1 = require("@material-ui/core/Button");
const Typography_1 = require("@material-ui/core/Typography");
const react_i18next_1 = require("react-i18next");
const jss_1 = require("../../assets/jss");
const useStyles = styles_1.makeStyles(jss_1.configAboutFieldStyle);
const ConfigAboutField = ({ appLogo, companyLogo, supporterEmail, }) => {
const classes = useStyles({});
const { t, i18n } = react_i18next_1.useTranslation('landing', { useSuspense: false });
const handleReloadBtnClick = () => {
location.reload();
};
const handleSupportBtnClick = () => {
window.location.href = `mailto:mail@${supporterEmail ? supporterEmail : 'liwentao90@yahoo.com'}`;
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: classes.outmostContainer },
React.createElement("div", { className: classes.imgContainer },
React.createElement("img", { className: classes.appImg, src: appLogo }),
React.createElement("img", { className: classes.companyImg, src: companyLogo })),
React.createElement(Typography_1.default, { variant: "h3" }, t('appName')),
React.createElement(Typography_1.default, { variant: "h5" }, t('appDesc')),
React.createElement(Typography_1.default, { variant: "h6" },
t('version'),
" ",
process.env.REACT_APP_VERSION),
React.createElement("div", { className: classes.btnContainer },
React.createElement(Button_1.default, { variant: "contained", color: 'primary', onClick: handleReloadBtnClick }, t('reload')),
React.createElement(Button_1.default, { variant: "contained", color: 'secondary', onClick: handleSupportBtnClick }, t('support'))),
React.createElement(Typography_1.default, { variant: "subtitle1" }, t('copyright')))));
};
exports.default = ConfigAboutField;
//# sourceMappingURL=ConfigAboutField.js.map