@@ -4,7 +4,6 @@ import type { ReactNode } from 'react';
44import type { ArticleFormat } from '../lib/articleFormat' ;
55import { parseHtml } from '../lib/domUtils' ;
66import type { NestedArticleElement } from '../lib/renderElement' ;
7- import { useBetaAB } from '../lib/useAB' ;
87import type { ProductBlockElement } from '../types/content' ;
98import { ProductCardInline } from './ProductCardInline' ;
109import { ProductCardLeftCol } from './ProductCardLeftCol' ;
@@ -40,32 +39,20 @@ export const ProductElement = ({
4039 format : ArticleFormat ;
4140 shouldShowLeftColCard : boolean ;
4241} ) => {
43- const abTests = useBetaAB ( ) ;
44- const isInHoldBackTestVariant =
45- abTests ?. isUserInTestGroup ( 'thefilter-product-element' , 'variant' ) ??
46- false ;
47-
4842 const showContent =
4943 product . displayType === 'InlineOnly' ||
5044 product . displayType === 'InlineWithProductCard' ;
51- // In the hold back test variant, if the product element has a display type of ProductCardOnly,
52- // we should still render the product card. This is because there may not be any suitable
53- // nested content to render, which could result in some unintended display issues. For the
54- // InlineWithProductCard display type, we won't render the cards in the hold back test.
5545 const showProductCard =
5646 product . displayType === 'ProductCardOnly' ||
57- ( ! isInHoldBackTestVariant &&
58- product . displayType === 'InlineWithProductCard' ) ;
47+ product . displayType === 'InlineWithProductCard' ;
5948 return (
6049 < >
6150 { showContent && (
6251 < Content
6352 product = { product }
6453 format = { format }
6554 ArticleElementComponent = { ArticleElementComponent }
66- shouldShowLeftColCard = {
67- shouldShowLeftColCard && ! isInHoldBackTestVariant
68- }
55+ shouldShowLeftColCard = { shouldShowLeftColCard }
6956 />
7057 ) }
7158 { showProductCard && (
0 commit comments