Merged in feat/benefit-cards (pull request #334)

feat: update benefit cards ui Approved-by: Simon.Emanuelsson
2024-07-09 11:14:30 +00:00
parent fc12356862
commit ada65b8612
6 changed files with 20 additions and 29 deletions
--- a/components/MyPages/Blocks/Benefits/NextLevel/index.tsx
+++ b/components/MyPages/Blocks/Benefits/NextLevel/index.tsx
@@ -9,6 +9,7 @@ import SectionLink from "@/components/Section/Link"
 import Chip from "@/components/TempDesignSystem/Chip"
 import Grids from "@/components/TempDesignSystem/Grids"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
+import Body from "@/components/TempDesignSystem/Text/Body"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { getIntl } from "@/i18n"
 import { getMembershipLevelObject } from "@/utils/membershipLevel"
@@ -49,15 +50,14 @@ export default async function NextLevelBenefitsBlock({
              {formatMessage({ id: "Level up to unlock" })}
            </Chip>
            <div>
-              <BiroScript
-                className={styles.level}
-                color="primaryLightOnSurfaceAccent"
-                textAlign="center"
-                type="two"
-              >
+              <Body color="peach50" textAlign="center">
                {formatMessage({ id: "As our" })} {nextLevel.name}
-              </BiroScript>{" "}
-              <Subtitle color="pale" textAlign="center">
+              </Body>{" "}
+              <Subtitle
+                color="pale"
+                textAlign="center"
+                textTransform="uppercase"
+              >
                {benefit.title}
              </Subtitle>
            </div>
--- a/components/MyPages/Blocks/Benefits/NextLevel/next.module.css
+++ b/components/MyPages/Blocks/Benefits/NextLevel/next.module.css
@@ -8,7 +8,3 @@
  justify-content: center;
  padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x7);
 }
-
-.level {
-  transform: rotate(-2deg);
-}