added contact us in header when contacts in that language are avaliable

modules/Layout/Contacts/Contacts.tsx

@@ -35,7 +35,7 @@ function Contacts({ contacts }: Props) {
     }
 
     return (
-        <div className={styles.contacts}>
+        <div id='contacts' className={styles.contacts}>
             <div className={styles.container}>
                 <h2 className={styles.title}>
                     <FormattedMessage {...translations.contacts.title} />

modules/Layout/Header/Header.tsx

@@ -4,7 +4,9 @@ import {
     useCompanyInformation,
     useGetLinkLocaleSlug,
     useNewsroom,
+    useNewsroomContext,
     useSearchSettings,
+    useCurrentLocale,
 } from '@prezly/theme-kit-nextjs';
 import classNames from 'classnames';
 import dynamic from 'next/dynamic';
@@ -14,7 +16,7 @@ import { useEffect, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 
 import { useDevice, useThemeSettings } from '@/hooks';
-import { IconClose, IconImage, IconMenu, IconSearch } from '@/icons';
+import { IconClose, IconImage, IconMenu, IconSearch, IconEmail } from '@/icons';
 import { Button, ButtonLink } from '@/ui';
 
 import CategoriesDropdown from './CategoriesDropdown';
@@ -31,6 +33,8 @@ interface Props {
 
 function Header({ hasError }: Props) {
     const { newsroom_logo, display_name, public_galleries_number } = useNewsroom();
+    const { contacts } = useNewsroomContext();
+    const currentLocale = useCurrentLocale() as unknown as { localeCode: string };
     const { logoSize } = useThemeSettings();
     const categories = useCategories();
     const { name } = useCompanyInformation();
@@ -154,6 +158,28 @@ function Header({ hasError }: Props) {
                         >
                             <div role="none" className={styles.backdrop} onClick={closeMenu} />
                             <ul id="menu" className={styles.navigationInner}>
+                                {contacts && contacts.length > 0 && contacts.some(contact => 
+                                    contact.display_locales.some(locale => {
+                                        const normalizedLocaleCode = locale.code.replace('_', '-');
+                                        const normalizedCurrentLocale = currentLocale.localeCode.replace('_', '-');
+                                        return normalizedLocaleCode === normalizedCurrentLocale || 
+                                               locale.language_code === currentLocale.localeCode;
+                                    })
+                                ) && (
+                                    <li className={styles.navigationItem}>
+                                        <ButtonLink
+                                            href="/#contacts"
+                                            localeCode={getLinkLocaleSlug()}
+                                            variation="navigation"
+                                            className={styles.navigationButton}
+                                            icon={IconEmail}
+                                        >
+                                            <FormattedMessage
+                                                {...translations.contacts.title}
+                                            />
+                                        </ButtonLink>
+                                    </li>
+                                )}
                                 {public_galleries_number > 0 && (
                                     <li className={styles.navigationItem}>
                                         <ButtonLink

pages/[slug].tsx

@@ -1,6 +1,6 @@
 import { Story as PrezlyStory } from '@prezly/sdk';
 import { useCurrentStory } from '@prezly/theme-kit-nextjs';
-import { getStoryPageServerSideProps } from '@prezly/theme-kit-nextjs/server';
+import { getStoryPageServerSideProps, NextContentDelivery } from '@prezly/theme-kit-nextjs/server';
 import type { NextPage } from 'next';
 import dynamic from 'next/dynamic';
 
@@ -16,11 +16,23 @@ const StoryPage: NextPage<BasePageProps> = () => {
 };
 
 export const getServerSideProps = getStoryPageServerSideProps<BasePageProps>(
-    async (context, { newsroomContextProps }) => ({
-        isTrackingEnabled: isTrackingEnabled(context),
-        translations: await importMessages(newsroomContextProps.localeCode),
-    }),
-    [PrezlyStory.FormatVersion.SLATEJS_V6],
+    async (context, { newsroomContextProps }) => {
+        const api = NextContentDelivery.initClient(context.req);
+        const { newsroomContextProps: contextWithContacts } = await api.getNewsroomServerSideProps(
+            newsroomContextProps.localeCode,
+            undefined,
+            true
+        );
+        return {
+            isTrackingEnabled: isTrackingEnabled(context),
+            translations: await importMessages(newsroomContextProps.localeCode),
+            newsroomContextProps: {
+                ...newsroomContextProps,
+                contacts: contextWithContacts.contacts
+            }
+        };
+    },
+    [PrezlyStory.FormatVersion.SLATEJS_V6]
 );
 
 export default StoryPage;

pages/category/[slug].tsx

@@ -1,5 +1,5 @@
 import { type PaginationProps, useCurrentCategory } from '@prezly/theme-kit-nextjs';
-import { getCategoryPageServerSideProps } from '@prezly/theme-kit-nextjs/server';
+import { getCategoryPageServerSideProps, NextContentDelivery } from '@prezly/theme-kit-nextjs/server';
 import dynamic from 'next/dynamic';
 import type { FunctionComponent } from 'react';
 
@@ -18,12 +18,26 @@ const CategoryPage: FunctionComponent<Props> = ({ stories, pagination }) => {
 
     return <Category category={currentCategory!} stories={stories} pagination={pagination} />;
 };
+
 export const getServerSideProps = getCategoryPageServerSideProps<BasePageProps, 'thumbnail_image'>(
-    async (context, { newsroomContextProps }) => ({
-        isTrackingEnabled: isTrackingEnabled(context),
-        translations: await importMessages(newsroomContextProps.localeCode),
-    }),
-    { extraStoryFields: ['thumbnail_image'] },
+    async (context, { newsroomContextProps }) => {
+        const api = NextContentDelivery.initClient(context.req);
+        const { newsroomContextProps: contextWithContacts } = await api.getNewsroomServerSideProps(
+            newsroomContextProps.localeCode,
+            undefined,
+            true
+        );
+
+        return {
+            isTrackingEnabled: isTrackingEnabled(context),
+            translations: await importMessages(newsroomContextProps.localeCode),
+            newsroomContextProps: {
+                ...newsroomContextProps,
+                contacts: contextWithContacts.contacts ?? null
+            }
+        };
+    },
+    { extraStoryFields: ['thumbnail_image'] }
 );
 
 export default CategoryPage;

pages/media/album/[uuid].tsx

@@ -4,6 +4,7 @@ import {
 } from '@prezly/theme-kit-nextjs/server';
 import dynamic from 'next/dynamic';
 import type { FunctionComponent } from 'react';
+import { NextContentDelivery } from '@prezly/theme-kit-nextjs/server';
 
 import { importMessages, isTrackingEnabled } from '@/utils';
 import type { BasePageProps } from 'types';
@@ -15,10 +16,23 @@ type Props = BasePageProps & GalleryAlbumPageProps;
 const GalleryPage: FunctionComponent<Props> = ({ gallery }) => <Gallery gallery={gallery} />;
 
 export const getServerSideProps = getGalleryAlbumPageServerSideProps<BasePageProps>(
-    async (context, { newsroomContextProps }) => ({
-        isTrackingEnabled: isTrackingEnabled(context),
-        translations: await importMessages(newsroomContextProps.localeCode),
-    }),
+    async (context, { newsroomContextProps }) => {
+        const api = NextContentDelivery.initClient(context.req);
+        const { newsroomContextProps: contextWithContacts } = await api.getNewsroomServerSideProps(
+            newsroomContextProps.localeCode,
+            undefined,
+            true
+        );
+
+        return {
+            isTrackingEnabled: isTrackingEnabled(context),
+            translations: await importMessages(newsroomContextProps.localeCode),
+            newsroomContextProps: {
+                ...newsroomContextProps,
+                contacts: contextWithContacts.contacts ?? null
+            }
+        };
+    }
 );
 
 export default GalleryPage;

pages/media/index.tsx

@@ -4,6 +4,7 @@ import {
 } from '@prezly/theme-kit-nextjs/server';
 import dynamic from 'next/dynamic';
 import type { FunctionComponent } from 'react';
+import { NextContentDelivery } from '@prezly/theme-kit-nextjs/server';
 
 import { importMessages, isTrackingEnabled } from '@/utils';
 import type { BasePageProps } from 'types';
@@ -17,10 +18,25 @@ const GalleriesPage: FunctionComponent<Props> = ({ galleries, pagination }) => (
 );
 
 export const getServerSideProps = getGalleryPageServerSideProps<BasePageProps>(
-    async (context, { newsroomContextProps }) => ({
-        isTrackingEnabled: isTrackingEnabled(context),
-        translations: await importMessages(newsroomContextProps.localeCode),
-    }),
+    async (context, { newsroomContextProps }) => {
+        const api = NextContentDelivery.initClient(context.req);
+        const { newsroomContextProps: contextWithContacts } = await api.getNewsroomServerSideProps(
+            newsroomContextProps.localeCode,
+            undefined,
+            true
+        );
+
+        console.log('Gallery page contacts:', contextWithContacts.contacts);
+
+        return {
+            isTrackingEnabled: isTrackingEnabled(context),
+            translations: await importMessages(newsroomContextProps.localeCode),
+            newsroomContextProps: {
+                ...newsroomContextProps,
+                contacts: contextWithContacts.contacts ?? null
+            }
+        };
+    }
 );
 
 export default GalleriesPage;

pages/search.tsx

@@ -3,6 +3,7 @@ import { getSearchPageServerSideProps } from '@prezly/theme-kit-nextjs/server';
 import dynamic from 'next/dynamic';
 import { notFound } from 'next/navigation';
 import type { FunctionComponent } from 'react';
+import { NextContentDelivery } from '@prezly/theme-kit-nextjs/server';
 
 import { importMessages } from '@/utils/lang';
 import type { BasePageProps } from 'types';
@@ -22,12 +23,27 @@ const SearchResultsPage: FunctionComponent<Props> = ({ searchSettings }) => {
     return <SearchPage settings={searchSettings} />;
 };
 
-export const getServerSideProps = getSearchPageServerSideProps<ExtraProps>(
-    async (context, { newsroomContextProps }) => ({
-        isTrackingEnabled: isTrackingEnabled(context),
-        translations: await importMessages(newsroomContextProps.localeCode),
-        searchSettings: newsroomContextProps.searchSettings,
-    }),
+export const getServerSideProps = getSearchPageServerSideProps<BasePageProps>(
+    async (context, { newsroomContextProps }) => {
+        const api = NextContentDelivery.initClient(context.req);
+        const { newsroomContextProps: contextWithContacts } = await api.getNewsroomServerSideProps(
+            newsroomContextProps.localeCode,
+            undefined,
+            true
+        );
+
+        console.log('Search page contacts:', contextWithContacts.contacts);
+
+        return {
+            isTrackingEnabled: isTrackingEnabled(context),
+            translations: await importMessages(newsroomContextProps.localeCode),
+            newsroomContextProps: {
+                ...newsroomContextProps,
+                contacts: contextWithContacts.contacts ?? null
+            },
+            searchSettings: newsroomContextProps.searchSettings
+        };
+    }
 );
 
 export default SearchResultsPage;