Merge pull request #28 from openimis/feature/OSB-11

OSB-11: added new way of rendering main menu component

Author: delcroip

src/components/ProfileMainMenu.js

@@ -25,6 +25,7 @@ class ProfileMainMenu extends Component {
         text: formatMessage(intl, "profile", "menu.myProfile"),
         icon: <InsertEmoticon />,
         route: "/profile/myProfile",
+        id: "profile.myProfile",
       },
     ];
 
@@ -33,6 +34,7 @@ class ProfileMainMenu extends Component {
         text: formatMessage(intl, "profile", "menu.changePassword"),
         icon: <Fingerprint />,
         route: "/profile/changePassword",
+        id: "profile.changePassword",
       });
     }
 
@@ -48,6 +50,7 @@ class ProfileMainMenu extends Component {
         header={formatMessage(intl, "profile", "mainMenu")}
         icon={<AccountCircle />}
         entries={entries}
+        menuId='ProfileMainMenu'
       />
     );
   }

src/index.js

@@ -1,3 +1,6 @@
+import React from 'react';
+import { Fingerprint, InsertEmoticon } from "@material-ui/icons";
+import { FormattedMessage } from '@openimis/fe-core';
 import ProfileToolbarContribution from "./components/ProfileToolbarContribution";
 import ProfileMainMenu from "./components/ProfileMainMenu";
 import ChangePasswordPage from "./components/ChangePasswordPage";
@@ -11,10 +14,23 @@ const DEFAULT_CONFIG = {
     { path: "profile/changePassword", component: ChangePasswordPage },
     { path: "profile/myProfile", component: MyProfilePage },
   ],
-  "core.MainMenu": [ProfileMainMenu],
+  "core.MainMenu": [{ name: 'ProfileMainMenu', component: ProfileMainMenu }],
   reducers: [{ key: "profile", reducer }],
-  "core.AppBar": [ProfileToolbarContribution]
-
+  "core.AppBar": [ProfileToolbarContribution],
+  "profile.MainMenu": [
+    {
+      text: <FormattedMessage module="profile" id="menu.myProfile" />,
+      icon: <InsertEmoticon />,
+      route: "/profile/myProfile",
+      id: "profile.myProfile",
+    },
+    {
+      text: <FormattedMessage module="profile" id="menu.changePassword" />,
+      icon: <Fingerprint />,
+      route: "/profile/changePassword",
+      id: "profile.changePassword",
+    }
+  ],
 };
 
 export const ProfileModule = (cfg) => {