fix: clean up dictionaries

This commit is contained in:
Michael Zetterberg
2025-03-11 13:12:06 +01:00
parent 1a8a57599c
commit 91c36ee41c
32 changed files with 372 additions and 182 deletions

View File

@@ -13,6 +13,8 @@ import type { AncillaryCardProps } from "@/types/components/ancillaryCard"
export function AncillaryCard({ ancillary }: AncillaryCardProps) {
const intl = useIntl()
const priceMsg = `${formatPrice(intl, ancillary.price.total, ancillary.price.currency)} ${ancillary.price.text ?? ""}`
return (
<article className={styles.ancillaryCard}>
<div className={styles.imageContainer}>
@@ -34,11 +36,7 @@ export function AncillaryCard({ ancillary }: AncillaryCardProps) {
<Body color="uiTextHighContrast">
{ancillary.price.included
? intl.formatMessage({ id: "Included" })
: `${formatPrice(
intl,
ancillary.price.total,
ancillary.price.currency
)} ${ancillary.price.text ?? ""}`}
: priceMsg}
</Body>
{ancillary.points && (
@@ -47,7 +45,12 @@ export function AncillaryCard({ ancillary }: AncillaryCardProps) {
<Divider variant="vertical" color="subtle" />
</div>
<Body textAlign="right" color="uiTextHighContrast">
{ancillary.points} {intl.formatMessage({ id: "Points" })}
{intl.formatMessage(
{ id: "{value} points" },
{
value: ancillary.points,
}
)}
</Body>
</>
)}