diff --git a/ts/features/bonus/cgn/screens/discount/CgnDiscountDetailScreen.tsx b/ts/features/bonus/cgn/screens/discount/CgnDiscountDetailScreen.tsx index 66df1ebd725..18777c4cc17 100644 --- a/ts/features/bonus/cgn/screens/discount/CgnDiscountDetailScreen.tsx +++ b/ts/features/bonus/cgn/screens/discount/CgnDiscountDetailScreen.tsx @@ -191,13 +191,17 @@ const CgnDiscountDetailScreen = () => { } }; + const { backgroundColor } = discountDetails?.isNew + ? styles.backgroundNewItem + : styles.backgroundDefault; + useHeaderSecondLevel({ title: discountDetails?.name || "", scrollValues: { contentOffsetY: translationY, triggerOffset: titleHeight }, - transparent: true, + backgroundColor, canGoBack: true, supportRequest: true }); @@ -249,10 +253,6 @@ const CgnDiscountDetailScreen = () => { ); }; - const discountColor = discountDetails?.isNew - ? styles.backgroundNewItem - : styles.backgroundDefault; - if (discountDetails && merchantDetails) { return ( <> @@ -272,7 +272,7 @@ const CgnDiscountDetailScreen = () => { style={{ position: "absolute", height: 1000, - backgroundColor: discountColor.backgroundColor, + backgroundColor, top: -1000, right: 0, left: 0 diff --git a/ts/features/bonus/cgn/screens/merchants/CgnMerchantsListByCategory.tsx b/ts/features/bonus/cgn/screens/merchants/CgnMerchantsListByCategory.tsx index 34a0239060b..89c48d27011 100644 --- a/ts/features/bonus/cgn/screens/merchants/CgnMerchantsListByCategory.tsx +++ b/ts/features/bonus/cgn/screens/merchants/CgnMerchantsListByCategory.tsx @@ -152,7 +152,7 @@ const CgnMerchantsListByCategory = () => { contentOffsetY: translationY, triggerOffset: titleHeight }, - transparent: true, + backgroundColor: categorySpecs?.colors, supportRequest: true, secondAction: { icon: "search", @@ -195,14 +195,12 @@ const CgnMerchantsListByCategory = () => { style={[ IOStyles.horizontalContentPadding, { - paddingTop: insets.top, backgroundColor: categorySpecs.colors, paddingBottom: 24 } ]} > - - +