Merge pull request Expensify#75376 from Eskalifer1/fix/74854

fix:74854: added formatPhoneNumber to QRShare

Author: MonilBhavsar

src/components/QRShare/index.tsx

@@ -6,6 +6,7 @@ import ExpensifyWordmark from '@assets/images/expensify-wordmark.svg';
 import ImageSVG from '@components/ImageSVG';
 import QRCode from '@components/QRCode';
 import Text from '@components/Text';
+import useLocalize from '@hooks/useLocalize';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
@@ -34,6 +35,8 @@ function QRShare({
     const {windowWidth} = useWindowDimensions();
     const qrCodeContainerWidth = shouldUseNarrowLayout ? windowWidth : variables.sideBarWidth;
 
+    const {formatPhoneNumber} = useLocalize();
+
     const [qrCodeSize, setQrCodeSize] = useState<number>(qrCodeContainerWidth - styles.ph5.paddingHorizontal * 2 - variables.qrShareHorizontalPadding * 2);
     const svgRef = useRef<Svg | undefined>(undefined);
 
@@ -84,7 +87,7 @@ function QRShare({
                     numberOfLines={2}
                     style={styles.qrShareTitle}
                 >
-                    {title}
+                    {formatPhoneNumber(title)}
                 </Text>
             )}
 
@@ -95,7 +98,7 @@ function QRShare({
                     style={[styles.mt1, styles.textAlignCenter]}
                     color={theme.textSupporting}
                 >
-                    {subtitle}
+                    {formatPhoneNumber(subtitle)}
                 </Text>
             )}
         </View>