diff --git a/components/Forms/Edit/Profile/form.module.css b/components/Forms/Edit/Profile/form.module.css index e15f104ab..2ccbaa268 100644 --- a/components/Forms/Edit/Profile/form.module.css +++ b/components/Forms/Edit/Profile/form.module.css @@ -6,5 +6,5 @@ .btns { display: flex; - gap: var(--Spacing-x-half); + gap: var(--Spacing-x2); } diff --git a/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx b/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx index 70aa7abaa..7b604b8bd 100644 --- a/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx +++ b/components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/index.tsx @@ -47,9 +47,6 @@ export default function LoyaltyLevels() { function LevelCard({ formatMessage, lang, level }: LevelCardProps) { const pointsString = `${level.requiredPoints.toLocaleString(lang)} ${formatMessage({ id: "Points" })} ` - const qualifications = level.requiredNights - ? `${pointsString} ${formatMessage({ id: "or" })} ${level.requiredNights} ${formatMessage({ id: "nights" })}` - : pointsString let Level = null switch (level.level) { @@ -93,7 +90,13 @@ function LevelCard({ formatMessage, lang, level }: LevelCardProps) { - {qualifications} + {level.requiredPoints}{" "} + {level.requiredNights ? ( + <Title textAlign="center" level="h5" color="red"> + {formatMessage({ id: "or" })} {level.requiredNights}{" "} + {formatMessage({ id: "nights" })} + + ) : null}
{level.benefits.map((benefit) => ( diff --git a/components/MyPages/Blocks/Points/EarnAndBurn/Desktop/index.tsx b/components/MyPages/Blocks/Points/EarnAndBurn/Desktop/index.tsx index 1fb622fbd..714e226a4 100644 --- a/components/MyPages/Blocks/Points/EarnAndBurn/Desktop/index.tsx +++ b/components/MyPages/Blocks/Points/EarnAndBurn/Desktop/index.tsx @@ -1,5 +1,7 @@ import { useIntl } from "react-intl" +import Body from "@/components/TempDesignSystem/Text/Body" + import Row from "./Row" import styles from "./desktop.module.css" @@ -24,7 +26,9 @@ export default function DesktopTable({ lang, transactions }: TableProps) { {tableHeadings.map((heading) => ( - {formatMessage({ id: heading })} + + {formatMessage({ id: heading })} + ))} diff --git a/components/MyPages/Sidebar/index.tsx b/components/MyPages/Sidebar/index.tsx index 066323457..c942f0557 100644 --- a/components/MyPages/Sidebar/index.tsx +++ b/components/MyPages/Sidebar/index.tsx @@ -5,7 +5,7 @@ import { serverClient } from "@/lib/trpc/server" import Divider from "@/components/TempDesignSystem/Divider" import Link from "@/components/TempDesignSystem/Link" -import Title from "@/components/TempDesignSystem/Text/Title" +import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import { getIntl } from "@/i18n" import styles from "./sidebar.module.css" @@ -21,9 +21,9 @@ export default async function Sidebar({ lang }: LangParams) { return (