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
}
]}
>
-
-
+