From 01c0d5c35eccf345fddb88e9c5e55ab0554e2222 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Fri, 13 Dec 2024 11:15:27 +0100
Subject: [PATCH] fix(LOY-64): lowercase s on membershipbadge

---
 .../Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx | 6 +++---
 .../Rewards/CurrentRewards/current.module.css               | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx b/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx
index 8b02f4ea1..1c18fea56 100644
--- a/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx
+++ b/components/Blocks/DynamicContent/Rewards/CurrentRewards/Redeem.tsx
@@ -122,7 +122,7 @@ export default function Redeem({ reward, membershipNumber }: RedeemProps) {
                   {redeemStep === "redeemed" &&
                     isRestaurantOnSiteTierReward(reward) &&
                     membershipNumber && (
-                      <MemberShipNumberBadge
+                      <MembershipNumberBadge
                         membershipNumber={membershipNumber}
                       />
                     )}
@@ -241,7 +241,7 @@ function TimedRedeemedBadge() {
   )
 }
 
-function MemberShipNumberBadge({
+function MembershipNumberBadge({
   membershipNumber,
 }: {
   membershipNumber: string
@@ -249,7 +249,7 @@ function MemberShipNumberBadge({
   const intl = useIntl()
 
   return (
-    <div className={styles.memberShipNumberBadge}>
+    <div className={styles.membershipNumberBadge}>
       <Caption
         textTransform="uppercase"
         textAlign="center"
diff --git a/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css b/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css
index d96064ddb..605e8835b 100644
--- a/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css
+++ b/components/Blocks/DynamicContent/Rewards/CurrentRewards/current.module.css
@@ -138,7 +138,7 @@
   color: var(--UI-Semantic-Success);
 }
 
-.memberShipNumberBadge {
+.membershipNumberBadge {
   border-radius: var(--Small);
   padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
   background: var(--Base-Surface-Secondary-light-Normal);