@talend/react-components
Version:
Set of react components.
62 lines (61 loc) • 1.83 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.AppNotification = AppNotification;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Inject = _interopRequireDefault(require("../../Inject"));
var _Actions = require("../../Actions");
var _theme = require("../../theme");
var _HeaderBarModule = _interopRequireDefault(require("../HeaderBar.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const theme = (0, _theme.getTheme)(_HeaderBarModule.default);
function AppNotification({
getComponent,
hasUnread,
t,
...props
}) {
const className = theme('tc-header-bar-action', 'separated');
let icon;
let label;
if (hasUnread) {
icon = 'talend-bell-notification';
label = t('HEADERBAR_NOTIFICATION_UNREAD', {
defaultValue: 'Notifications (you have unread notifications)'
});
} else {
icon = 'talend-bell';
label = t('HEADERBAR_NOTIFICATION', {
defaultValue: 'Notifications (you have no unread notifications)'
});
}
const global = {
bsStyle: 'link',
hideLabel: true,
icon,
label,
tooltipPlacement: 'bottom',
...props
};
const Renderers = _Inject.default.getAll(getComponent, {
Action: _Actions.Action
});
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
role: "presentation",
className: className,
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Renderers.Action, {
...global
})
});
}
AppNotification.propTypes = {
getComponent: _propTypes.default.func,
hasUnread: _propTypes.default.bool,
renderers: _propTypes.default.shape({
Action: _propTypes.default.func
}),
t: _propTypes.default.func.isRequired
};
//# sourceMappingURL=AppNotification.component.js.map