@botonic/react
Version:
Build Chatbots using React
13 lines • 1.05 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { useContext } from 'react';
import ArrowDown from '../../assets/arrow-down.svg';
import { resolveImage } from '../../util/environment';
import { WebchatContext } from '../../webchat/context';
import { ContainerUnreadMessagesBanner } from './styles';
import { useNotifications } from './use-notifications';
export const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
const { webchatState } = useContext(WebchatContext);
const { notificationsEnabled, CustomUnreadMessagesBanner, bannerText } = useNotifications();
return (_jsx(_Fragment, { children: notificationsEnabled ? (_jsx("div", Object.assign({ ref: unreadMessagesBannerRef }, { children: CustomUnreadMessagesBanner ? (_jsx(CustomUnreadMessagesBanner, {})) : (_jsxs(ContainerUnreadMessagesBanner, { children: [_jsx("img", { src: resolveImage(ArrowDown) }), webchatState.numUnreadMessages, " ", bannerText] })) }))) : null }));
};
//# sourceMappingURL=unread-messages-banner.js.map