diff --git a/dotcom-rendering/src/layouts/GalleryLayout.tsx b/dotcom-rendering/src/layouts/GalleryLayout.tsx index 3debef0ce33..e184c9cac50 100644 --- a/dotcom-rendering/src/layouts/GalleryLayout.tsx +++ b/dotcom-rendering/src/layouts/GalleryLayout.tsx @@ -16,6 +16,7 @@ import { ArticleMetaApps } from '../components/ArticleMeta.apps'; import { ArticleMeta } from '../components/ArticleMeta.web'; import { ArticleTitle } from '../components/ArticleTitle'; import { Caption } from '../components/Caption'; +import { DiscussionLayout } from '../components/DiscussionLayout'; import { Footer } from '../components/Footer'; import { DesktopAdSlot, MobileAdSlot } from '../components/GalleryAdSlots'; import { GalleryImage } from '../components/GalleryImage'; @@ -172,6 +173,9 @@ export const GalleryLayout = (props: WebProps | AppProps) => { const contributionsServiceUrl = getContributionsServiceUrl(frontendData); + const showComments = + frontendData.isCommentable && !frontendData.config.isPaidContent; + return ( <> {isWeb && ( @@ -361,7 +365,7 @@ export const GalleryLayout = (props: WebProps | AppProps) => { ); })} - ; + { /> )} + {/** More Galleries container goes here */} + {showComments && ( +
+ +
+ )} {/** Most Popular container goes here */} {isWeb && renderAds && !isLabs && (