Merge pull request #65 from white-label-loyalty/fix/text-strings-must…

…-be-rendered-within-a-component fix: (RewardTile) fixes issue in react native mobile with strings bei…
white-label-loyalty · Jan 1, 2025 · 6447b06 · 6447b06
2 parents fcfbf6c + 66ad21f
commit 6447b06
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/lib/components/organisms/PointsTile/points-tile-formatted-points.tsx b/lib/components/organisms/PointsTile/points-tile-formatted-points.tsx
@@ -23,7 +23,7 @@ export const PointsTileFormattedPoints = (): JSX.Element | null => {
   } = configuration as PointsTileConfig;
 
   if (points === undefined) return null;
-  const calculatedPoints = points * multiplier;
+  const calculatedPoints = points * Number(multiplier ?? 1);
   const fullPointsText = `${pointsPrefix}${calculatedPoints} ${pointsSuffix}`;
 
   return (

diff --git a/lib/components/organisms/RewardTile/reward-tile-points.tsx b/lib/components/organisms/RewardTile/reward-tile-points.tsx
@@ -20,7 +20,7 @@ export const RewardTilePoints = (): JSX.Element | null => {
   if (!showPrice || price === undefined) return null;
 
   // Calculate points
-  const calculatedPoints = price * Number(pointsMultiplier);
+  const calculatedPoints = price * Number(pointsMultiplier ?? 1);
   const fullPointsText = `${pointsPrefix}${calculatedPoints} ${pointsSuffix}`;
 
   return (
@@ -29,15 +29,15 @@ export const RewardTilePoints = (): JSX.Element | null => {
       accessibilityRole="text"
       accessibilityLabel={`Reward points: ${fullPointsText}`}
     >
-      <Text 
-        variant="caption" 
+      <Text
+        variant="caption"
         style={styles.footer}
         accessibilityElementsHidden={true}
         importantForAccessibility="no-hide-descendants"
       >
         {pointsPrefix}
         <View style={styles.pointsContainer}>
-          {calculatedPoints}
+          <Text variant="caption">{calculatedPoints}</Text>
           <Text style={styles.suffix}>{pointsSuffix}</Text>
         </View>
       </Text>