From f403ac62dfde6cedbeaf9536b5fa45ef99e57472 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Mon, 9 Dec 2024 10:51:38 +0100
Subject: [PATCH] fix(LOY-10): use RewardIcon in redeem modal

---
 .../DynamicContent/Rewards/CurrentRewards/Redeem.tsx     | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx b/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx
index 6e7387f3d..5f6e6d547 100644
--- a/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx
+++ b/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx
@@ -20,6 +20,8 @@ import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
+import { RewardIcon } from "../RewardIcon"
+
 import styles from "./current.module.css"
 
 import type {
@@ -111,12 +113,7 @@ export default function Redeem({ reward }: Redeem) {
                       <Countdown />
                     </div>
                   )}
-                  <Image
-                    src="/_static/img/loyalty-award.png"
-                    width={113}
-                    height={125}
-                    alt={reward.label || ""}
-                  />
+                  <RewardIcon rewardId={reward.reward_id} />
                   <Title level="h3" textAlign="center" textTransform="regular">
                     {reward.label}
                   </Title>