Merge pull request #24281 from storybookjs/fix-notifications-in-new-l…

…ayout UI: Fix notifications not appearing in new layout
storybookjs · Oct 31, 2023 · fa26143 · fa26143
2 parents 6d83428 + 9598dc3
commit fa26143
Show file tree

Hide file tree

Showing 8 changed files with 347 additions and 365 deletions.
diff --git a/code/ui/manager/src/components/layout/Layout.tsx b/code/ui/manager/src/components/layout/Layout.tsx
@@ -5,6 +5,7 @@ import { useDragging } from './useDragging';
 import { MobileNavigation } from '../mobile/navigation/MobileNavigation';
 import { MEDIA_DESKTOP_BREAKPOINT } from '../../constants';
 import { useLayout } from './LayoutProvider';
+import { Notifications } from '../../container/Notifications';
 
 interface InternalLayoutState {
   isDragging: boolean;
@@ -142,6 +143,7 @@ export const Layout = ({ managerLayoutState, setManagerLayoutState, ...slots }:
       isDragging={isDragging}
       viewMode={managerLayoutState.viewMode}
     >
+      <Notifications />
       {showPages && <PagesContainer>{slots.slotPages}</PagesContainer>}
       <ContentContainer>{slots.slotMain}</ContentContainer>
       {isDesktop && (

diff --git a/code/ui/manager/src/components/notifications/NotificationItem.stories.jsx b/code/ui/manager/src/components/notifications/NotificationItem.stories.jsx