fix: replace temp design system components with design system package in surprises

2025-05-21 16:34:56 +02:00
parent dfac13f9ad
commit 76994f6e01
7 changed files with 113 additions and 86 deletions
--- a/apps/scandic-web/components/Rewards/ExpirationDate/index.tsx
+++ b/apps/scandic-web/components/Rewards/ExpirationDate/index.tsx
@@ -2,9 +2,10 @@

 import { useIntl } from "react-intl"

+import { Typography } from "@scandic-hotels/design-system/Typography"
+
 import { dt } from "@/lib/dt"

-import Body from "@/components/TempDesignSystem/Text/Body"
 import useLang from "@/hooks/useLang"

 import styles from "./expirationDate.module.css"
@@ -21,19 +22,21 @@ export default function ExpirationDate({

  return (
    <div className={styles.badge}>
-      <Body textTransform="bold">
-        {intl.formatMessage(
-          {
-            defaultMessage: "Valid through {expirationDate}",
-          },
-          {
-            expirationDate: dt(expirationDate)
-              .locale(lang)
-              .utc()
-              .format("D MMM YYYY"),
-          }
-        )}
-      </Body>
+      <Typography variant="Body/Supporting text (caption)/smBold">
+        <p>
+          {intl.formatMessage(
+            {
+              defaultMessage: "Valid through {expirationDate}",
+            },
+            {
+              expirationDate: dt(expirationDate)
+                .locale(lang)
+                .utc()
+                .format("D MMM YYYY"),
+            }
+          )}
+        </p>
+      </Typography>
    </div>
  )
 }