scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: text color on points is now correct when revisiting the page

Browse Source
This commit is contained in:
Christian Andolf
2025-04-28 14:33:03 +02:00
parent 8e78dec6c2
commit 05fab4d2f6
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/AwardPoints/index.tsx
View File

@@ -1,6 +1,6 @@
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import Body from "@/components/TempDesignSystem/Text/Body" import { Typography } from "@scandic-hotels/design-system/Typography"
import { awardPointsVariants } from "./awardPointsVariants" import { awardPointsVariants } from "./awardPointsVariants"
@@ -31,12 +31,14 @@ export default function AwardPoints({
}) })
return ( return (
<Body textTransform="bold" className={classNames}> <Typography variant="Body/Paragraph/mdBold" className={classNames}>
{isCalculated <span>
? intl.formatNumber(awardPoints) {isCalculated
: intl.formatMessage({ ? intl.formatNumber(awardPoints)
defaultMessage: "Points being calculated", : intl.formatMessage({
})} defaultMessage: "Points being calculated",
</Body> })}
</span>
</Typography>
) )
} }