/Javascript/React/Showing a custom toast function for react-toastify - Toast show

Showing a custom toast function for react-toastify - Toast show

import { toast } from "react-toastify";
const defaultPosition = toast.POSITION.BOTTOM_CENTER;

/**
 * Show Toast
 *
 * Display toast
 *
 * @param {string} type message type, success/error
 * @param {string} msg toast message
 * @param {integer} autoClose auto close value in millisecond
 * @param {string} className toaster class name
 * @param {string} position toast position; ex-'top-right', 'top-center', 'top-left', 'bottom-right', 'bottom-center', 'bottom-left'
 */

export const showToast = ( type = "success", msg, autoClose = 2000, className = "primaryColor", position = defaultPosition ) => {
  if (type === "success") {
    toast.success(msg, {
      autoClose: autoClose === null ? 2000 : autoClose,
      className: className === null ? "primaryColor" : className,
      position: position,
    });
  } else if (type === "error") {
    toast.error(msg, {
      autoClose: autoClose === null ? 2000 : autoClose,
      className: className === null ? "dangerColor" : className,
      position: position,
    });
  }
};


// How to use react-toastify
showToast('success', 'Product add to cart successfully !');

showToast('error', 'Please fill the inputs properly.');

Similar codes

10 votes360 views2 answers
React text input onchange
Javascript React
3 votes357 views1 answer
InnerWidth react
Javascript React
0 vote363 views1 answer
POST http://localhost:3000/$(process.env.REACT_APP_API_URL)/auth/users/ 404 (Not Found) in react redux
Javascript React
0 vote361 views1 answer
Limit data with axios in react js
Javascript React
0 vote373 views2 answers
React native bottom sheet example
Javascript React
0 vote405 views1 answer
React native notify user for new version of app
Javascript React
0 vote429 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote355 views1 answer
Autofocus is not working in react native
Javascript React
22 votes376 views4 answers
Copy text to clipboard reactjs
Javascript React
0 vote351 views2 answers
React firebase hooks
Javascript React