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

2025-04-28 14:33:03 +02:00
parent 8e78dec6c2
commit 05fab4d2f6
1 changed files with 10 additions and 8 deletions
--- a/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/AwardPoints/index.tsx
+++ b/apps/scandic-web/components/Blocks/DynamicContent/Points/EarnAndBurn/AwardPoints/index.tsx
@@ -1,6 +1,6 @@
 import { useIntl } from "react-intl"

-import Body from "@/components/TempDesignSystem/Text/Body"
+import { Typography } from "@scandic-hotels/design-system/Typography"

 import { awardPointsVariants } from "./awardPointsVariants"

@@ -31,12 +31,14 @@ export default function AwardPoints({
  })

  return (
-    <Body textTransform="bold" className={classNames}>
-      {isCalculated
-        ? intl.formatNumber(awardPoints)
-        : intl.formatMessage({
-            defaultMessage: "Points being calculated",
-          })}
-    </Body>
+    <Typography variant="Body/Paragraph/mdBold" className={classNames}>
+      <span>
+        {isCalculated
+          ? intl.formatNumber(awardPoints)
+          : intl.formatMessage({
+              defaultMessage: "Points being calculated",
+            })}
+      </span>
+    </Typography>
  )
 }