bigbluebutton-Github/bigbluebutton-html5/imports/ui/services/notification/index.js
2022-02-15 17:57:50 +00:00

53 lines
1.2 KiB
JavaScript
Executable File

/* eslint react/jsx-filename-extension: 0 */
import React from 'react';
import _ from 'lodash';
import { toast } from 'react-toastify';
import Toast from '/imports/ui/components/common/toast/component';
let lastToast = {
id: null,
message: null,
type: null,
icon: null,
};
export function notify(message, type = 'default', icon, options, content, small) {
const settings = {
type,
...options,
};
const { id: lastToastId, ...lastToastProps } = lastToast;
const toastProps = {
message,
type,
icon,
content,
small,
};
if (!toast.isActive(lastToast.id) || !_.isEqual(lastToastProps, toastProps)) {
if (toast.isActive(lastToast.id)
&& _.isEqual(lastToastProps.key, toastProps.key) && options?.autoClose > 0) {
toast.update(
lastToast.id,
{
render: <div role="alert"><Toast {...toastProps} /></div>,
autoClose: options.autoClose,
...toastProps,
},
);
} else {
const id = toast(<div role="alert"><Toast {...toastProps} /></div>, settings);
lastToast = { id, ...toastProps };
return id;
}
}
return null;
}
export default { notify };