Code tidy, added comment

Author: domlander

dotcom-rendering/src/layouts/FrontLayout.tsx

@@ -136,8 +136,14 @@ export const FrontLayout = ({ front, NAV }: Props) => {
 
 	const contributionsServiceUrl = getContributionsServiceUrl(front);
 
-	const isInOpinionNoAvatarVariant =
-		abTests.opinionNoAvatarVariant === 'variant' && front.isNetworkFront;
+	/**
+	 * We are running an AB test which replaces the avatar for the card image
+	 * in the Opinion and More opinion collections on network fronts.
+	 */
+	const isInOpinionNoAvatarVariant = (collectionName: string) =>
+		abTests.opinionNoAvatarVariant === 'variant' &&
+		front.isNetworkFront &&
+		(collectionName === 'Opinion' || collectionName === 'More opinion');
 
 	const fallbackAspectRatio = (collectionType: DCRContainerType) => {
 		switch (collectionType) {
@@ -637,12 +643,9 @@ export const FrontLayout = ({ front, NAV }: Props) => {
 									sectionId={ophanName}
 									collectionId={index + 1}
 									containerLevel={collection.containerLevel}
-									isInOpinionNoAvatarVariant={
-										(collection.displayName === 'Opinion' ||
-											collection.displayName ===
-												'More opinion') &&
-										isInOpinionNoAvatarVariant
-									}
+									isInOpinionNoAvatarVariant={isInOpinionNoAvatarVariant(
+										collection.displayName,
+									)}
 								/>
 							</FrontSection>