feat(SW-706): make eslint rule 'formatjs/no-literal-string-in-jsx' pass

This commit is contained in:
Michael Zetterberg
2025-02-07 06:51:36 +01:00
parent e22fc1f3c8
commit 440e1f92df
393 changed files with 4839 additions and 1554 deletions

View File

@@ -47,12 +47,16 @@ export default async function NextLevelRewardsBlock({
<article key={reward.reward_id} className={styles.card}>
<Chip>
<Lock height={16} />
{intl.formatMessage({ id: "Level up to unlock" })}
{intl.formatMessage({
defaultMessage: "Level up to unlock",
})}
</Chip>
<div className={styles.textContainer}>
<Body color="peach50" textAlign="center">
{intl.formatMessage(
{ id: "As our {level}" },
{
defaultMessage: "As our {level}",
},
{ level: nextLevelRewards.level?.name }
)}
</Body>

View File

@@ -26,7 +26,11 @@ export default function ActiveRedeemedBadge() {
>
<MaterialIcon icon="check_circle" color="Icon/Feedback/Success" />
</motion.div>
<Caption>{intl.formatMessage({ id: "Active" })}</Caption>
<Caption>
{intl.formatMessage({
defaultMessage: "Active",
})}
</Caption>
</div>
)
}

View File

@@ -17,17 +17,18 @@ export function ConfirmClose({ close }: { close: VoidFunction }) {
<div className={styles.modalContent}>
<Title level="h3" textAlign="center" textTransform="regular">
{intl.formatMessage({
id: "If you close this your benefit will be removed",
defaultMessage: "If you close this your benefit will be removed",
})}
</Title>
<Body>
{intl.formatMessage({
id: "Have you showed this benefit to the hotel staff?",
defaultMessage: "Have you showed this benefit to the hotel staff?",
})}
</Body>
<Body>
{intl.formatMessage({
id: "If not, please go back and do so before you close this. Once you close this your benefit will be void and removed from My Benefits.",
defaultMessage:
"If not, please go back and do so before you close this. Once you close this your benefit will be void and removed from My Benefits.",
})}
</Body>
</div>
@@ -37,10 +38,14 @@ export function ConfirmClose({ close }: { close: VoidFunction }) {
intent="primary"
theme="base"
>
{intl.formatMessage({ id: "No, go back" })}
{intl.formatMessage({
defaultMessage: "No, go back",
})}
</Button>
<Button onClick={close} intent="secondary" theme="base">
{intl.formatMessage({ id: "Yes, close and remove benefit" })}
{intl.formatMessage({
defaultMessage: "Yes, close and remove benefit",
})}
</Button>
</footer>
</>

View File

@@ -29,7 +29,9 @@ export default function Campaign({ reward }: { reward: Campaign }) {
<Body textAlign="center">{reward.description}</Body>
<div className={styles.rewardBadge}>
<Caption textAlign="center" color="uiTextHighContrast" type="bold">
{intl.formatMessage({ id: "Promo code" })}
{intl.formatMessage({
defaultMessage: "Promo code",
})}
</Caption>
<Caption textAlign="center" color="uiTextHighContrast">
{reward.operaRewardId}
@@ -41,9 +43,17 @@ export default function Campaign({ reward }: { reward: Campaign }) {
onClick={() => {
try {
navigator.clipboard.writeText(reward.operaRewardId)
toast.success(intl.formatMessage({ id: "Copied to clipboard" }))
toast.success(
intl.formatMessage({
defaultMessage: "Copied to clipboard",
})
)
} catch {
toast.error(intl.formatMessage({ id: "Failed to copy" }))
toast.error(
intl.formatMessage({
defaultMessage: "Failed to copy",
})
)
}
}}
type="button"
@@ -53,7 +63,9 @@ export default function Campaign({ reward }: { reward: Campaign }) {
intent="primary"
>
<MaterialIcon icon="content_copy" color="CurrentColor" />
{intl.formatMessage({ id: "Copy promotion code" })}
{intl.formatMessage({
defaultMessage: "Copy promotion code",
})}
</Button>
</footer>
</>

View File

@@ -86,7 +86,9 @@ export default function Tier({
intent="primary"
theme="base"
>
{intl.formatMessage({ id: "Redeem benefit" })}
{intl.formatMessage({
defaultMessage: "Redeem benefit",
})}
</Button>
</footer>
)}
@@ -99,14 +101,18 @@ export default function Tier({
intent="primary"
theme="base"
>
{intl.formatMessage({ id: "Yes, redeem" })}
{intl.formatMessage({
defaultMessage: "Yes, redeem",
})}
</Button>
<Button
onClick={() => setRedeemStep("initial")}
intent="secondary"
theme="base"
>
{intl.formatMessage({ id: "Go back" })}
{intl.formatMessage({
defaultMessage: "Go back",
})}
</Button>
</footer>
)}

View File

@@ -15,7 +15,9 @@ export default function MembershipNumberBadge({
<div className={styles.rewardBadge}>
<Caption textAlign="center" color="uiTextHighContrast">
{intl.formatMessage(
{ id: "Membership ID: {id}" },
{
defaultMessage: "Membership ID: {id}",
},
{ id: membershipNumber }
)}
</Caption>

View File

@@ -24,7 +24,7 @@ export default function TimedRedeemedBadge() {
<MaterialIcon icon="check_circle" color="Icon/Feedback/Success" />
<Caption>
{intl.formatMessage({
id: "Redeemed & valid through:",
defaultMessage: "Redeemed & valid through:",
})}
</Caption>
</div>

View File

@@ -71,8 +71,12 @@ export default function Redeem({ reward, membershipNumber }: RedeemProps) {
>
<Button intent="primary" fullWidth>
{reward.redeemLocation === "Non-redeemable"
? intl.formatMessage({ id: "How to use" })
: intl.formatMessage({ id: "Open" })}
? intl.formatMessage({
defaultMessage: "How to use",
})
: intl.formatMessage({
defaultMessage: "Open",
})}
</Button>
<MotionOverlay
className={styles.overlay}

View File

@@ -21,11 +21,17 @@ export default function ScriptedRewardText({
: null
}
case "Campaign":
return intl.formatMessage({ id: "Campaign" })
return intl.formatMessage({
defaultMessage: "Campaign",
})
case "Surprise":
return intl.formatMessage({ id: "Surprise!" })
return intl.formatMessage({
defaultMessage: "Surprise!",
})
case "Member-voucher":
return intl.formatMessage({ id: "Voucher" })
return intl.formatMessage({
defaultMessage: "Voucher",
})
default:
return null
}