bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/notifications/container.jsx

import React from 'react';
import { FormattedMessage, injectIntl } from 'react-intl';
import { Notifications as NotificationsCollection } from '/imports/api/meetings';
import { notify } from '/imports/ui/services/notification';
import { withTracker } from 'meteor/react-meteor-data';
import WaitingUsersAlertService from '/imports/ui/components/waiting-users/alert/service';
import UserService from '/imports/ui/components/user-list/service';
import Settings from '/imports/ui/services/settings';
import useCurrentUser from '../../core/hooks/useCurrentUser';

const injectCurrentUser = (Component) => (props) => {
  const { data: user } = useCurrentUser((u) => ({
    presenter: u.presenter,
  }));

  return (
    <Component
      {...props}
      currentUser={user}
    />
  );
};

export default injectIntl(injectCurrentUser(withTracker(({ intl, currentUser }) => {
  NotificationsCollection.find({}).observe({
    added: (obj) => {
      NotificationsCollection.remove(obj);

      if (
        obj.messageId === 'app.whiteboard.annotations.poll'
        && Settings.application.chatPushAlerts
        && !currentUser?.presenter
      ) return null;

      if (obj.messageId === 'app.userList.guest.pendingGuestAlert') {
        return WaitingUsersAlertService.alert(obj, intl);
      }

      if (obj.messageId === 'app.notification.userJoinPushAlert') {
        return UserService.UserJoinedMeetingAlert(obj);
      }

      if (obj.messageId === 'app.notification.userLeavePushAlert') {
        return UserService.UserLeftMeetingAlert(obj);
      }

      return notify(
        <FormattedMessage
          id={obj.messageId}
          values={obj.messageValues}
          description={obj.messageDescription}
        />,
        obj.notificationType,
        obj.icon,
      );
    },
  });
  return {};
})(() => null)));