bf6ed7778e
Sync defaultMessage from lokalise * Enhance translation sync functionality and tests - Added logging for found component files during sync. - Introduced tests for handling complex components with replacements. - Updated regex in syncIntlFormatMessage to support optional second arguments. - Removed unused test files. * feat(syncDefaultMessage): add script for syncing default message with lokalise * feat(syncDefaultMessage): add script for syncing default message with lokalise Approved-by: Matilda Landström
86 lines
2.6 KiB
TypeScript
86 lines
2.6 KiB
TypeScript
import { dt } from "@scandic-hotels/common/dt"
|
|
import { Typography } from "@scandic-hotels/design-system/Typography"
|
|
|
|
import { getIntl } from "@/i18n"
|
|
import { getLang } from "@/i18n/serverContext"
|
|
|
|
import ProgressCardHighestLevel from "./InnerCard/ProgressCardHighestLevel"
|
|
import ProgressCardLowerLevel from "./InnerCard/ProgressCardLowerLevel"
|
|
import SuccessCard from "./InnerCard/SuccessCard"
|
|
import LevelProgressModal from "./LevelProgressModal"
|
|
import { getLevelProgressData } from "./utils"
|
|
import { levelProgressCardVariants } from "./variants"
|
|
|
|
import styles from "./levelProgressCard.module.css"
|
|
|
|
import type { levelProgressCardProps } from "./types"
|
|
|
|
export default async function LevelProgressCard({
|
|
user,
|
|
className,
|
|
color = "Surface/Brand/Primary 1/OnSurface/Default",
|
|
}: levelProgressCardProps) {
|
|
if (!user.membership?.membershipLevel) {
|
|
return null
|
|
}
|
|
|
|
const intl = await getIntl()
|
|
const lang = await getLang()
|
|
const data = await getLevelProgressData(user.membership)
|
|
const classNames = levelProgressCardVariants({ className, color })
|
|
|
|
return (
|
|
<section aria-labelledby="level-progress-card-title" className={classNames}>
|
|
<header className={styles.progressHeader}>
|
|
<Typography variant="Title/xs">
|
|
<h2 id="level-progress-card-title" className={styles.title}>
|
|
{intl.formatMessage({
|
|
id: "myPages.yourLevelProgress",
|
|
defaultMessage: "Your level progress",
|
|
})}
|
|
</h2>
|
|
</Typography>
|
|
<Typography variant="Body/Paragraph/mdRegular">
|
|
<p className={styles.date}>
|
|
{intl.formatMessage(
|
|
{
|
|
id: "myPages.validUntilDate",
|
|
defaultMessage: "Valid until {date}",
|
|
},
|
|
{
|
|
date: dt(user.membership.tierExpirationDate)
|
|
.locale(lang)
|
|
.format("D MMM YYYY"),
|
|
}
|
|
)}
|
|
</p>
|
|
</Typography>
|
|
<LevelProgressModal
|
|
color={color}
|
|
tierExpires={user.membership.tierExpirationDate}
|
|
/>
|
|
</header>
|
|
|
|
{data.type === "highest-complete" && (
|
|
<SuccessCard pointsEarned={data.earned} />
|
|
)}
|
|
|
|
{data.type === "highest-incomplete" && (
|
|
<ProgressCardHighestLevel
|
|
earned={data.earned}
|
|
required={data.required}
|
|
toKeepCurrent={data.toKeepCurrent}
|
|
/>
|
|
)}
|
|
|
|
{data.type === "lower-level" && (
|
|
<ProgressCardLowerLevel
|
|
earned={data.earned}
|
|
toNext={data.toNext}
|
|
toKeepCurrent={data.toKeepCurrent}
|
|
/>
|
|
)}
|
|
</section>
|
|
)
|
|
}
|