notifications demo

Author: gondzo

server.js

@@ -22,5 +22,5 @@ app.get('/', function (req, res) {
 })
 
 const PORT = process.env.PORT || 8500;
-app.listen(PORT);
+app.listen(PORT, '0.0.0.0');
 console.log(`App is hosted on port ${PORT}.`); // eslint-disable-line no-console

src/constants/appMenu.js

@@ -25,6 +25,12 @@ const appMenu = [
     icon: homeIcon,
     activeIcon: homeActiveIcon,
   },
+  {
+    title: "View All Notifications",
+    path: "/notifications",
+    icon: homeIcon,
+    activeIcon: homeActiveIcon,
+  }
 ];
 
 export default appMenu;

src/root.component.js

@@ -1,6 +1,10 @@
 import React, { useEffect } from "react";
 import { Link, Router } from "@reach/router";
-import { setAppMenu } from "@topcoder/micro-frontends-navbar-app";
+import { 
+  setAppMenu, 
+  setNotificationPlatform, 
+  PLATFORM, 
+} from "@topcoder/micro-frontends-navbar-app";
 import appMenu from "./constants/appMenu";
 import AuthDemo from "./components/AuthDemo";
 import NoSidebarDemo from "./components/NoSidebarDemo";
@@ -9,6 +13,7 @@ export default function Root() {
   useEffect(() => {
     // when app starts it should set its side menu structure
     setAppMenu("/micro-frontends-react-route", appMenu);
+    setNotificationPlatform(PLATFORM.CONNECT);
   }, []);
 
   return (

webpack.config.js

@@ -2,6 +2,7 @@
 
 const webpackMerge = require("webpack-merge");
 const singleSpaDefaults = require("webpack-config-single-spa-react");
+const path = require('path')
 
 module.exports = (webpackConfigEnv) => {
   const defaultConfig = singleSpaDefaults({
@@ -18,6 +19,10 @@ module.exports = (webpackConfigEnv) => {
       "@topcoder/micro-frontends-navbar-app":
         "@topcoder/micro-frontends-navbar-app",
     },
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      publicPath: 'react',
+    },
     module: {
       rules: [
         {
@@ -29,5 +34,8 @@ module.exports = (webpackConfigEnv) => {
         },
       ],
     },
+    devServer: {
+      host: '0.0.0.0'
+    }
   });
 };