From 02012175badead455e6e8496b5da1d08bd46bd25 Mon Sep 17 00:00:00 2001
From: Matilda Haneling <matilda.haneling@scandichotels.com>
Date: Fri, 31 Oct 2025 07:34:45 +0000
Subject: [PATCH] Merged in fix/book-425-color-change-campaign-rate-card (pull
 request #3040)

fix(BOOK-425): fixed the color on campaign member rate name

* fix(BOOK-425): fixed the color on standard rate name

* listening to api resonse displayPriceRed again

* updated the conditional css class syntax


Approved-by: Bianca Widstam
Approved-by: Erik Tiekstra
---
 .../RoomsList/RoomListItem/Rates/Campaign.tsx     |  1 +
 .../lib/components/RateCard/Campaign/index.tsx    | 15 ++++++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Campaign.tsx b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Campaign.tsx
index 52534fa26..7eb3c77df 100644
--- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Campaign.tsx
+++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Campaign.tsx
@@ -240,6 +240,7 @@ function Inner({
       isHighlightedRate={
         !!product.rateDefinition?.displayPriceRed || isMainRoomAndLoggedIn
       }
+      isHighlightedRateLabel={isMainRoomAndLoggedIn}
       memberRate={
         pricePerNightMember && !isMainRoomAndLoggedIn
           ? {
diff --git a/packages/design-system/lib/components/RateCard/Campaign/index.tsx b/packages/design-system/lib/components/RateCard/Campaign/index.tsx
index 57aae8dcc..a90c94cd1 100644
--- a/packages/design-system/lib/components/RateCard/Campaign/index.tsx
+++ b/packages/design-system/lib/components/RateCard/Campaign/index.tsx
@@ -21,6 +21,7 @@ interface CampaignRateCardProps {
   omnibusRate?: Rate
   comparisonRate?: Omit<Rate, 'label'>
   isHighlightedRate?: boolean
+  isHighlightedRateLabel?: boolean
   approximateRate?: Rate
   handleChange: () => void
   handleTermsClick?: () => void
@@ -40,6 +41,7 @@ export default function CampaignRateCard({
   omnibusRate,
   bannerText,
   isHighlightedRate,
+  isHighlightedRateLabel,
   handleChange,
   rateTermDetails,
 }: CampaignRateCardProps) {
@@ -114,16 +116,19 @@ export default function CampaignRateCard({
             </div>
           </header>
           <div className={styles.content}>
-            <div className={styles.rateRow}>
+            <div
+              className={cx(styles.rateRow, {
+                [styles.highlightedRate]: isHighlightedRateLabel,
+              })}
+            >
               <Typography variant="Body/Supporting text (caption)/smBold">
                 <p>{rate.label}</p>
               </Typography>
               <Typography variant="Title/Subtitle/md">
                 <p
-                  className={cx(
-                    styles.rate,
-                    isHighlightedRate && styles.highlightedRate
-                  )}
+                  className={cx(styles.rateRow, {
+                    [styles.highlightedRate]: isHighlightedRate,
+                  })}
                 >
                   {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
                   {`${rate.price} `}