From 9452f24df973d265fa88f6b0cf504e2dc4e081a2 Mon Sep 17 00:00:00 2001 From: Christian Andolf Date: Wed, 8 Jan 2025 16:05:07 +0100 Subject: [PATCH] feat(LOY-63): add promo code badge to campaign redeem --- .../Rewards/Redeem/Flows/Campaign.tsx | 21 +++++++++---------- .../Rewards/Redeem/MembershipNumberBadge.tsx | 2 +- .../DynamicContent/Rewards/Redeem/index.tsx | 2 +- .../Rewards/Redeem/redeem.module.css | 4 +++- 4 files changed, 15 insertions(+), 14 deletions(-) diff --git a/components/Blocks/DynamicContent/Rewards/Redeem/Flows/Campaign.tsx b/components/Blocks/DynamicContent/Rewards/Redeem/Flows/Campaign.tsx index f8c0013a0..ca0513bf5 100644 --- a/components/Blocks/DynamicContent/Rewards/Redeem/Flows/Campaign.tsx +++ b/components/Blocks/DynamicContent/Rewards/Redeem/Flows/Campaign.tsx @@ -5,23 +5,17 @@ import { useIntl } from "react-intl" import CopyIcon from "@/components/Icons/Copy" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" +import Caption from "@/components/TempDesignSystem/Text/Caption" import Title from "@/components/TempDesignSystem/Text/Title" import { toast } from "@/components/TempDesignSystem/Toasts" import { RewardIcon } from "../../RewardIcon" -import MembershipNumberBadge from "../MembershipNumberBadge" import styles from "../redeem.module.css" import type { RewardWithRedeem } from "@/server/routers/contentstack/reward/output" -export default function Campaign({ - reward, - membershipNumber, -}: { - reward: RewardWithRedeem - membershipNumber: string -}) { +export default function Campaign({ reward }: { reward: RewardWithRedeem }) { const intl = useIntl() function handleCopy() { @@ -37,9 +31,14 @@ export default function Campaign({ {reward.label} {reward.description} - {membershipNumber && ( - - )} +
+ + {intl.formatMessage({ id: "Promo code" })} + + + {reward.operaRewardId} + +