From e5735371777cc7c968251b17d44d8c4cfbd5f76d Mon Sep 17 00:00:00 2001
From: Graeme Houston <hello@iamgrae.me>
Date: Wed, 1 Jan 2025 22:56:50 +0000
Subject: [PATCH] fix: make sure view isnt being rendered inside text

---
 .../RewardTile/reward-tile-points.tsx         | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

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