ywana-core8 0.0.76 → 0.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.76",
+  "version": "0.0.77",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",
@@ -29,6 +29,7 @@
     "deep-equal": "^2.0.5",
     "material-design-icons-iconfont": "^6.1.1",
     "react-datepicker": "^4.6.0",
+    "react-notifications": "^1.7.3",
     "resumablejs": "^1.1.0"
   }
 }

package/src/site/site.js

@@ -3,9 +3,10 @@ import { Icon } from '../html/icon'
 import { Tabs, Tab } from '../html/tab'
 import { Header } from '../html/header'
 import { Page } from './page'
-import './site.css'
 import { SiteContext } from './siteContext'
-
+import { NotificationContainer, NotificationManager} from 'react-notifications'
+import './site.css'
+import 'react-notifications/lib/notifications.css';
 
 
 /**
@@ -66,7 +67,11 @@ export const SiteProvider = ({ children, siteLang, siteDictionary, showConsole }
         openPreview: (preview) => { setPreview(preview) },
         closePreview: () => { setPreview(null) },
 
-        confirm: (message) => window.confirm(message)
+        confirm: (message) => window.confirm(message),
+
+        notify: (title, message) => {
+            NotificationManager.info(message, title)
+        }
     }
 
     return (
@@ -94,11 +99,18 @@ export const Site = ({ icon, logo, title, toolbar, children, init, min, lang, di
                 <SiteConsole />
                 <SiteDialog />
                 <SitePreview />
+                <SiteNotifications />
             </div>
         </SiteProvider>
     )
 }
 
+const SiteNotifications = () => {
+    return (
+        <NotificationContainer />
+    )
+}
+
 /**
  * Site Header
  */