reorganise some of the code and delete some of the unnecessary parts

Author: Georges-GNM

dotcom-rendering/src/components/Card/Card.tsx

@@ -740,7 +740,6 @@ export const Card = ({
 
 		return (
 			<Hide from={isFlexSplash ? 'desktop' : 'tablet'}>
-				<div>check</div>
 				<Sublinks />
 			</Hide>
 		);

dotcom-rendering/src/components/FlexibleSpecial.tsx

@@ -32,7 +32,6 @@ type Props = {
 	containerLevel?: DCRContainerLevel;
 	collectionId: number;
 	showLabsRedesign?: boolean;
-	SCStyle?: boolean;
 };
 
 type BoostProperties = {
@@ -55,20 +54,15 @@ const determineCardProperties = (
 	supportingContentLength: number,
 	mediaCard: boolean,
 	imageSuppressed: boolean,
-	SCStyle: boolean,
 ): BoostProperties => {
 	switch (boostLevel) {
 		// The default boost level is equal to no boost. It is the same as the default card layout.
 		case 'default':
 			return {
 				headlineSizes: {
-					desktop: SCStyle
-						? 'small'
-						: imageSuppressed
-						? 'xxlarge'
-						: 'xlarge',
-					tablet: SCStyle ? 'small' : 'large',
-					mobile: SCStyle ? 'xxsmall' : 'medium',
+					desktop: imageSuppressed ? 'xxlarge' : 'xlarge',
+					tablet: 'large',
+					mobile: 'medium',
 				},
 				mediaSize: 'xlarge',
 				mediaPositionOnDesktop: 'right',
@@ -140,7 +134,6 @@ type OneCardLayoutProps = {
 	containerLevel: DCRContainerLevel;
 	isSplashCard?: boolean;
 	showLabsRedesign?: boolean;
-	SCStyle?: boolean;
 };
 
 export const OneCardLayout = ({
@@ -155,7 +148,6 @@ export const OneCardLayout = ({
 	containerLevel,
 	isSplashCard,
 	showLabsRedesign,
-	SCStyle = false,
 }: OneCardLayoutProps) => {
 	const card = cards[0];
 	if (!card) return null;
@@ -174,7 +166,6 @@ export const OneCardLayout = ({
 		card.supportingContent?.length ?? 0,
 		isMediaCard(card.format),
 		!card.image,
-		SCStyle,
 	);
 
 	return (
@@ -208,9 +199,7 @@ export const OneCardLayout = ({
 					trailTextSize={trailTextSize}
 					canPlayInline={true}
 					showKickerImage={card.format.design === ArticleDesign.Audio}
-					headlinePosition={
-						SCStyle ? 'inner' : isSplashCard ? 'outer' : 'inner'
-					}
+					headlinePosition={isSplashCard ? 'outer' : 'inner'}
 					showLabsRedesign={showLabsRedesign}
 					subtitleSize={subtitleSize}
 				/>
@@ -242,7 +231,6 @@ type TwoOrFourCardLayoutProps = {
 	containerLevel: DCRContainerLevel;
 	/** Feature flag for the labs redesign work */
 	showLabsRedesign?: boolean;
-	SCStyle: boolean;
 };
 
 const TwoOrFourCardLayout = ({
@@ -256,13 +244,12 @@ const TwoOrFourCardLayout = ({
 	isFirstRow,
 	containerLevel,
 	showLabsRedesign,
-	SCStyle,
 }: TwoOrFourCardLayoutProps) => {
 	if (cards.length === 0) return null;
 	const hasTwoOrFewerCards = cards.length <= 2;
 
 	return (
-		<UL direction="row" showTopBar={!SCStyle}>
+		<UL direction="row" showTopBar={true}>
 			{cards.map((card, cardIndex) => {
 				return (
 					<LI
@@ -318,7 +305,6 @@ export const FlexibleSpecial = ({
 	containerLevel = 'Primary',
 	collectionId,
 	showLabsRedesign,
-	SCStyle = false,
 }: Props) => {
 	const snaps = [...groupedTrails.snap].slice(0, 1).map((snap) => ({
 		...snap,
@@ -363,7 +349,6 @@ export const FlexibleSpecial = ({
 					containerLevel={containerLevel}
 					isSplashCard={true}
 					showLabsRedesign={showLabsRedesign}
-					SCStyle={SCStyle}
 				/>
 			)}
 
@@ -377,7 +362,6 @@ export const FlexibleSpecial = ({
 				isFirstRow={!isNonEmptyArray(snaps) && !isNonEmptyArray(splash)}
 				containerLevel={containerLevel}
 				showLabsRedesign={showLabsRedesign}
-				SCStyle={SCStyle}
 			/>
 		</>
 	);