showing a custom toast function for react toastify toast show

1import { toast } from "react-toastify";
2const defaultPosition = toast.POSITION.BOTTOM_CENTER;
3
4/**
5 * Show Toast
6 *
7 * Display toast
8 *
9 * @param {string} type message type, success/error
10 * @param {string} msg toast message
11 * @param {integer} autoClose auto close value in millisecond
12 * @param {string} className toaster class name
13 * @param {string} position toast position; ex-'top-right', 'top-center', 'top-left', 'bottom-right', 'bottom-center', 'bottom-left'
14 */
15
16export const showToast = ( type = "success", msg, autoClose = 2000, className = "primaryColor", position = defaultPosition ) => {
17  if (type === "success") {
18    toast.success(msg, {
19      autoClose: autoClose === null ? 2000 : autoClose,
20      className: className === null ? "primaryColor" : className,
21      position: position,
22    });
23  } else if (type === "error") {
24    toast.error(msg, {
25      autoClose: autoClose === null ? 2000 : autoClose,
26      className: className === null ? "dangerColor" : className,
27      position: position,
28    });
29  }
30};
31
32
33// How to use react-toastify
34showToast('success', 'Product add to cart successfully !');
35
36showToast('error', 'Please fill the inputs properly.');
37