Merge pull request #308 from prezly/feature/mt-5280-implement-banner-…

…on-preview-newsrooms

[MT-5280] Feature - Implement banner on preview newsrooms

modules/Layout/Layout.tsx

@@ -1,6 +1,6 @@
 import { Analytics, useAnalyticsContext } from '@prezly/analytics-nextjs';
 import { PageSeo, useNewsroom, useNewsroomContext } from '@prezly/theme-kit-nextjs';
-import { LoadingBar, ScrollToTopButton } from '@prezly/themes-ui-components';
+import { LoadingBar, NotificationsBar, ScrollToTopButton } from '@prezly/themes-ui-components';
 import dynamic from 'next/dynamic';
 import { Router } from 'next/router';
 import type { PropsWithChildren } from 'react';
@@ -29,13 +29,14 @@ const CookieConsentBar = dynamic(() => import('./CookieConsentBar'), {
 function Layout({ children, description, imageUrl, title, hasError }: PropsWithChildren<Props>) {
     const [isLoadingPage, setIsLoadingPage] = useState(false);
     const newsroom = useNewsroom();
-    const { contacts } = useNewsroomContext();
+    const { contacts, notifications } = useNewsroomContext();
     const { isEnabled: isAnalyticsEnabled } = useAnalyticsContext();
 
     useEffect(() => {
         function onRouteChangeStart() {
             setIsLoadingPage(true);
         }
+
         function routeChangeComplete() {
             setIsLoadingPage(false);
         }
@@ -59,6 +60,7 @@ function Layout({ children, description, imageUrl, title, hasError }: PropsWithC
                 noindex={!isAnalyticsEnabled}
                 nofollow={!isAnalyticsEnabled}
             />
+            <NotificationsBar notifications={notifications} />
             <CookieConsentBar />
             <div className={styles.layout}>
                 <Header hasError={hasError} />
@@ -75,4 +77,5 @@ function Layout({ children, description, imageUrl, title, hasError }: PropsWithC
         </>
     );
 }
+
 export default Layout;

package.json

@@ -35,7 +35,7 @@
     "@prezly/story-content-format": "0.56.2",
     "@prezly/theme-kit-nextjs": "1.17.0",
     "@prezly/themes-intl-messages": "1.15.0",
-    "@prezly/themes-ui-components": "0.6.1",
+    "@prezly/themes-ui-components": "0.7.0",
     "@prezly/uploadcare": "2.3.4",
     "@prezly/uploadcare-image": "0.3.1",
     "@react-hookz/web": "14.7.1",