Use new SocialShare component in Gallery

Author: yuriyyakym

app/[localeCode]/media/album/[uuid]/page.tsx

@@ -41,7 +41,7 @@ export default async function AlbumPage({ params, searchParams }: Props) {
                 localeCode={params.localeCode}
                 gallery={gallery}
                 href={generateAbsoluteUrl('mediaGallery', { uuid: gallery.uuid })}
-                withSharingIcons={themeSettings.show_sharing_icons}
+                socialNetworks={themeSettings.sharing_actions}
             />
         </>
     );

components/SocialShare/SocialShare.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
     FacebookShareButton,

modules/Gallery/Gallery.tsx

@@ -4,7 +4,8 @@ import { Galleries } from '@prezly/theme-kit-nextjs';
 
 import { ContentRenderer } from '@/components/ContentRenderer';
 import { PageTitle } from '@/components/PageTitle';
-import { StoryLinks } from '@/components/StoryLinks';
+import { SocialShare } from '@/components/SocialShare';
+import type { SocialNetwork } from 'theme-settings';
 
 import { DownloadLink } from './DownloadLink';
 
@@ -14,10 +15,10 @@ interface Props {
     localeCode: Locale.Code;
     gallery: NewsroomGallery;
     href: string;
-    withSharingIcons: boolean;
+    socialNetworks: SocialNetwork[];
 }
 
-export function Gallery({ localeCode, gallery, href, withSharingIcons }: Props) {
+export function Gallery({ localeCode, gallery, href, socialNetworks }: Props) {
     const { name, description, content } = gallery;
 
     const downloadUrl =
@@ -30,7 +31,13 @@ export function Gallery({ localeCode, gallery, href, withSharingIcons }: Props)
 
             <div className={styles.links}>
                 {downloadUrl && <DownloadLink localeCode={localeCode} href={downloadUrl} />}
-                {withSharingIcons && <StoryLinks url={href} className={styles.shareLinks} />}
+                {socialNetworks.length > 0 && href && (
+                    <SocialShare
+                        socialNetworks={socialNetworks}
+                        url={href}
+                        className={styles.shareLinks}
+                    />
+                )}
             </div>
 
             <ContentRenderer nodes={JSON.parse(content)} />