diff --git a/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx b/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx index 7b604b8bd..9810488ac 100644 --- a/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx +++ b/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx @@ -46,8 +46,6 @@ export default function LoyaltyLevels() { } function LevelCard({ formatMessage, lang, level }: LevelCardProps) { - const pointsString = `${level.requiredPoints.toLocaleString(lang)} ${formatMessage({ id: "Points" })} ` - let Level = null switch (level.level) { case 1: @@ -77,6 +75,8 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) { notFound() } } + const pointsString = `${level.requiredPoints.toLocaleString(lang)} ${formatMessage({ id: "Points" })} ` + return (
@@ -90,12 +90,12 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) {
- {level.requiredPoints}{" "} + {pointsString} {level.requiredNights ? ( - <Title textAlign="center" level="h5" color="red"> + <span className={styles.redText}> {formatMessage({ id: "or" })} {level.requiredNights}{" "} {formatMessage({ id: "nights" })} - + ) : null}
diff --git a/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css b/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css index 7e0ce8408..d3dc84692 100644 --- a/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css +++ b/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css @@ -34,6 +34,10 @@ justify-content: center; } +.redText { + color: var(--Base-Text-Accent); +} + .levelText { margin: 0; }