react-openfin-mat-impl
Version:
Materialize UI implementation of react-openfin
44 lines • 2.24 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 react_json_view_1 = require("react-json-view");
const react_custom_scrollbars_1 = require("react-custom-scrollbars");
const Typography_1 = require("@material-ui/core/Typography");
const styles_1 = require("@material-ui/styles");
const jss_1 = require("../../assets/jss");
const useStyles = styles_1.makeStyles(jss_1.reportViewStyle);
const ReportView = ({}) => {
const classes = useStyles({});
const { state: { username, computerName, machineId, deviceUserId, openfinVersion, openfinHostSpec, winTop, winLeft, winWidth, winHeight, } } = react_1.useContext(react_openfin_1.ApplicationContext);
return (React.createElement("div", { className: classes.root },
React.createElement(react_custom_scrollbars_1.Scrollbars, { renderThumbVertical: props => React.createElement("div", Object.assign({ className: "dark-thumb-vertical" }, props)) },
React.createElement("div", { className: classes.mainContainer },
React.createElement(Typography_1.default, { variant: "subtitle1", gutterBottom: true },
"Openfin ",
openfinVersion,
" - ",
username,
" @ ",
computerName),
React.createElement(Typography_1.default, { variant: "body1" },
"X:<",
winLeft,
">|Y:<",
winTop,
">|W<",
winWidth,
">H<",
winHeight,
">"),
React.createElement(Typography_1.default, { variant: "body1" },
"MachineId:",
machineId),
React.createElement(Typography_1.default, { variant: "body2" },
"DeviceUserId:",
deviceUserId),
React.createElement(react_json_view_1.default, { src: openfinHostSpec, theme: "monokai" })))));
};
exports.default = ReportView;
//# sourceMappingURL=ReportView.js.map