feat(LOY-63): redeem campaign

2024-12-20 16:56:33 +01:00
parent 29d1721a8a
commit 9584478b34
17 changed files with 552 additions and 391 deletions
--- a/components/Blocks/DynamicContent/Rewards/Redeem/TimedRedeemedBadge.tsx
+++ b/components/Blocks/DynamicContent/Rewards/Redeem/TimedRedeemedBadge.tsx
@@ -0,0 +1,25 @@
+import { useIntl } from "react-intl"
+
+import Countdown from "@/components/Countdown"
+import { CheckCircleIcon } from "@/components/Icons"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
+
+import styles from "./redeem.module.css"
+
+export default function TimedRedeemedBadge() {
+  const intl = useIntl()
+
+  return (
+    <>
+      <div className={styles.redeemed}>
+        <CheckCircleIcon color="uiSemanticSuccess" />
+        <Caption>
+          {intl.formatMessage({
+            id: "Redeemed & valid through:",
+          })}
+        </Caption>
+      </div>
+      <Countdown />
+    </>
+  )
+}