diff --git a/dotcom-rendering/src/layouts/FrontLayout.tsx b/dotcom-rendering/src/layouts/FrontLayout.tsx index f350042b8f..b7a56408a9 100644 --- a/dotcom-rendering/src/layouts/FrontLayout.tsx +++ b/dotcom-rendering/src/layouts/FrontLayout.tsx @@ -348,10 +348,7 @@ export const FrontLayout = ({ front, NAV }: Props) => { if (collection.collectionType === 'fixed/thrasher') { return ( - +
{desktopAdPositions.includes(index) && ( { )} /> )} + {!!trail.embedUri && ( - -
- -
-
+ ophanComponentName={ + ophanName + } + containerName={ + collection.collectionType + } + hasPageSkin={hasPageSkin} + > + + + + )} {mobileAdPositions.includes(index) && ( { /> )}
- +
); } @@ -578,61 +587,67 @@ export const FrontLayout = ({ front, NAV }: Props) => { )} /> )} -
0} - padContent={false} - url={collection.href} - showDateHeader={ - collection.config.showDateHeader - } - editionId={front.editionId} - backgroundColour={schemePalette( - '--section-background', - )} - innerBackgroundColour={ - containerPalette === 'MediaPalette' - ? sourcePalette.neutral[0] - : undefined - } - hasPageSkin={hasPageSkin} + - 0} + padContent={false} + url={collection.href} + showDateHeader={ + collection.config.showDateHeader + } + editionId={front.editionId} + backgroundColour={schemePalette( + '--section-background', + )} + innerBackgroundColour={ + containerPalette === 'MediaPalette' + ? sourcePalette.neutral[0] + : undefined + } + hasPageSkin={hasPageSkin} > - - -
- + + + + +
{mobileAdPositions.includes(index) && ( { ophanComponentName="trending-topics" data-component="trending-topics" hasPageSkin={hasPageSkin} + backgroundColour={schemePalette('--section-background')} >