ULMS-3110 Updated notify component

foxford · Jul 17, 2024 · aaba244 · aaba244
1 parent 92cbcc4
commit aaba244
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/notify/package.json b/packages/notify/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ulms/notify",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "main": "index.js",
   "module": "es/index.js",

diff --git a/packages/notify/src/notify.jsx b/packages/notify/src/notify.jsx
@@ -1,5 +1,5 @@
 /* eslint-disable react/prop-types,react/jsx-props-no-spreading */
-import React from 'react'
+import React, { useEffect } from 'react'
 import cn from 'classnames-es'
 import { cssTransition, toast, ToastContainer } from 'react-toastify'
 
@@ -21,7 +21,25 @@ const ALERT_SIZE = {
   SMALL: 's',
 }
 
-function NotificationContainer({ className, containerProps = {}, isCompact }) {
+function NotificationContainer({
+  className,
+  containerProps = {},
+  isCompact,
+  onMount,
+  onUnmount,
+}) {
+  useEffect(() => {
+    if (onMount) {
+      onMount()
+    }
+
+    return () => {
+      if (onUnmount) {
+        onUnmount()
+      }
+    }
+  }, [])
+
   return (
     <ToastContainer
       autoClose={4000}