updating containers with the showLabsRedesign prop

Author: dskamiotis

dotcom-rendering/src/components/DecideContainer.tsx

@@ -249,6 +249,7 @@ export const DecideContainer = ({
 					aspectRatio={aspectRatio}
 					collectionId={collectionId}
 					isInHideTrailsAbTest={!!isInHideTrailsAbTest}
+					showLabsRedesign={showLabsRedesign}
 				/>
 			);
 		case 'flexible/general':

dotcom-rendering/src/components/FlexibleSpecial.tsx

@@ -31,6 +31,7 @@ type Props = {
 	containerLevel?: DCRContainerLevel;
 	collectionId: number;
 	isInHideTrailsAbTest?: boolean;
+	showLabsRedesign?: boolean;
 };
 
 type BoostProperties = {
@@ -128,6 +129,7 @@ type OneCardLayoutProps = {
 	containerLevel: DCRContainerLevel;
 	isSplashCard?: boolean;
 	isInHideTrailsAbTest?: boolean;
+	showLabsRedesign?: boolean;
 };
 
 export const OneCardLayout = ({
@@ -142,6 +144,7 @@ export const OneCardLayout = ({
 	containerLevel,
 	isSplashCard,
 	isInHideTrailsAbTest,
+	showLabsRedesign,
 }: OneCardLayoutProps) => {
 	const card = cards[0];
 	if (!card) return null;
@@ -194,6 +197,7 @@ export const OneCardLayout = ({
 					showKickerImage={card.format.design === ArticleDesign.Audio}
 					headlinePosition={isSplashCard ? 'outer' : 'inner'}
 					isInHideTrailsAbTest={isInHideTrailsAbTest}
+					showLabsRedesign={showLabsRedesign} // ← Add this!
 				/>
 			</LI>
 		</UL>
@@ -222,6 +226,7 @@ type TwoOrFourCardLayoutProps = {
 	isFirstRow: boolean;
 	containerLevel: DCRContainerLevel;
 	isInHideTrailsAbTest?: boolean;
+	showLabsRedesign?: boolean;
 };
 
 const TwoOrFourCardLayout = ({
@@ -235,6 +240,7 @@ const TwoOrFourCardLayout = ({
 	isFirstRow,
 	containerLevel,
 	isInHideTrailsAbTest,
+	showLabsRedesign,
 }: TwoOrFourCardLayoutProps) => {
 	if (cards.length === 0) return null;
 	const hasTwoOrFewerCards = cards.length <= 2;
@@ -276,6 +282,7 @@ const TwoOrFourCardLayout = ({
 							}
 							canPlayInline={false}
 							isInHideTrailsAbTest={isInHideTrailsAbTest}
+							showLabsRedesign={showLabsRedesign}
 						/>
 					</LI>
 				);
@@ -294,6 +301,7 @@ export const FlexibleSpecial = ({
 	containerLevel = 'Primary',
 	collectionId,
 	isInHideTrailsAbTest,
+	showLabsRedesign,
 }: Props) => {
 	const snaps = [...groupedTrails.snap].slice(0, 1).map((snap) => ({
 		...snap,
@@ -323,6 +331,7 @@ export const FlexibleSpecial = ({
 					containerLevel={containerLevel}
 					isSplashCard={false}
 					isInHideTrailsAbTest={isInHideTrailsAbTest}
+					showLabsRedesign={showLabsRedesign}
 				/>
 			)}
 			{isNonEmptyArray(splash) && (
@@ -351,6 +360,7 @@ export const FlexibleSpecial = ({
 				isFirstRow={!isNonEmptyArray(snaps) && !isNonEmptyArray(splash)}
 				containerLevel={containerLevel}
 				isInHideTrailsAbTest={isInHideTrailsAbTest}
+				showLabsRedesign={showLabsRedesign} // ← Add this!
 			/>
 		</>
 	);

dotcom-rendering/src/components/FrontSection.tsx

@@ -635,7 +635,6 @@ export const FrontSection = ({
 	 */
 	return (
 		<ContainerOverrides containerPalette={containerPalette}>
-			<div>TOP OF FRONTSECITON COMP</div>
 			<section
 				id={sectionId}
 				data-link-name={ophanComponentLink}

dotcom-rendering/src/layouts/FrontLayout.tsx

@@ -227,6 +227,9 @@ export const FrontLayout = ({ front, NAV }: Props) => {
 					hasPageSkin={hasPageSkin}
 					hasPageSkinContentSelfConstrain={true}
 					pageId={pageId}
+					wholePictureLogoSwitch={
+						front.config.switches.wholePictureLogo
+					}
 				/>
 
 				{isPaidContent && (