@applica-software-guru/react-admin 1.3.154 → 1.3.156

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.3.154",
+  "version": "1.3.156",
   "private": false,
   "repository": {
     "type": "git",

package/src/components/Layout/Header/Notification/Notification.tsx

@@ -71,29 +71,13 @@ function HeaderNotificationButton() {
           <BellOutlined />
         </Badge>
       </HeaderToggleButton>
-      <Popper
-        placement={downMd ? 'bottom' : 'bottom-end'}
-        open={open}
-        anchorEl={anchorEl}
-        role={undefined}
-        transition
-        disablePortal
-        popperOptions={{
-          modifiers: [
-            {
-              name: 'offset',
-              options: {
-                offset: [downMd ? -5 : 0, 9]
-              }
-            }
-          ]
-        }}
-      >
+      <Popper placement={downMd ? 'bottom' : 'bottom-end'} open={open} anchorEl={anchorEl} role={undefined} transition disablePortal>
         {({ TransitionProps }) => (
           //@ts-ignore
           <Transitions type="grow" position={downMd ? 'top' : 'top-right'} in={open} {...TransitionProps}>
             <Paper
               sx={{
+                marginTop: 1,
                 //@ts-ignore
                 boxShadow: theme.customShadows.z1,
                 width: '100%',

package/src/components/Layout/Header/Profile/Profile.tsx

@@ -37,24 +37,7 @@ function Profile() {
           <Typography variant="subtitle1">{identity?.name}</Typography>
         </Stack>
       </HeaderToggleButton>
-      <Popper
-        placement="bottom-end"
-        open={open}
-        anchorEl={anchorEl}
-        role={undefined}
-        transition
-        disablePortal
-        popperOptions={{
-          modifiers: [
-            {
-              name: 'offset',
-              options: {
-                offset: [0, 9]
-              }
-            }
-          ]
-        }}
-      >
+      <Popper placement="bottom-end" open={open} anchorEl={anchorEl} role={undefined} transition disablePortal>
         {({ TransitionProps }) => (
           /* @ts-ignore */
           <Transitions type="grow" position="top-right" in={open} {...TransitionProps}>
@@ -67,7 +50,8 @@ function Profile() {
                 maxWidth: 290,
                 [theme.breakpoints.down('md')]: {
                   maxWidth: 250
-                }
+                },
+                marginTop: 1
               }}
             >
               <ClickAwayListener onClickAway={handleClose}>

package/src/components/Layout/Provider.tsx

@@ -94,7 +94,7 @@ function reducer(state: ILayoutState, action: ILayoutAction) {
     }
     case LayoutActionType.UPDATE_NOTIFICATIONS: {
       const notifications = _.chain(newState.notifications).clone().extend(payload).value();
-      return _.extend(newState, { notifications: notifications });
+      return _.extend(newState, notifications);
     }
     case LayoutActionType.UPDATE_THEME: {
       const theme = _.chain(newState.theme).clone().extend(payload).value();
@@ -233,9 +233,9 @@ function LayoutProvider(props: ILayoutProviderProps) {
 
 function withLayoutProvider<P, T>(Component: React.ComponentType<P>) {
   return forwardRef((props: P & ILayoutProviderProps, ref: React.ForwardedRef<T>) => {
-    const { logoIcon, logoMain, enableNotification } = props;
+    const { logoIcon, logoMain, enableNotification, notification } = props;
     return (
-      <LayoutProvider logoIcon={logoIcon} logoMain={logoMain} enableNotification={enableNotification}>
+      <LayoutProvider logoIcon={logoIcon} logoMain={logoMain} enableNotification={enableNotification} notification={notification}>
         <Component ref={ref} {...props} />
       </LayoutProvider>
     );