react-openfin-mat-impl/layouts/Notification/Notification.js

Materialize UI implementation of react-openfin

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const react_1 = require("react");
const react_router_1 = require("react-router");
const react_openfin_1 = require("react-openfin");
const styles_1 = require("@material-ui/styles");
const IconButton_1 = require("@material-ui/core/IconButton");
const Close_1 = require("@material-ui/icons/Close");
const classnames_1 = require("classnames");
const jss_1 = require("../../assets/jss");
const useStyles = styles_1.makeStyles(jss_1.notificationStyle);
const NotificationLayout = ({ routes }) => {
    const classes = useStyles({});
    const { actions: { onNotificationClose, } } = react_1.useContext(react_openfin_1.ApplicationContext);
    const { config: { application: { theme } } } = react_1.useContext(react_openfin_1.ConfigContext);
    return (React.createElement("div", { className: classnames_1.default(classes.container, {
            [classes.lightBoxShaddow]: theme === react_openfin_1.MuiTheme.LIGHT
        }) },
        React.createElement(IconButton_1.default, { className: classes.closeBtn, onClick: onNotificationClose },
            React.createElement(Close_1.default, { fontSize: 'small' })),
        React.createElement(react_router_1.Switch, null, routes.map((prop, key) => {
            if (prop.redirect)
                return React.createElement(react_router_1.Redirect, { from: prop.path, to: prop.to, key: key });
            return React.createElement(react_router_1.Route, { path: prop.path, component: prop.component, key: key });
        }))));
};
exports.default = NotificationLayout;
//# sourceMappingURL=Notification.js.map