Add suggested changes

zkp2p · May 6, 2024 · 56ad602 · 56ad602
1 parent 043779b
commit 56ad602
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/client/src/components/Swap/SwapModal.tsx b/client/src/components/Swap/SwapModal.tsx
@@ -71,8 +71,9 @@ export const SwapModal: React.FC<SwapModalProps> = ({
       case PaymentPlatform.VENMO:
         return {
           troubleScanningQRCodeLink: link,
+          currencySymbol: '$',
           paymentPlatformName: 'Venmo',
-          instructionsText: isMobile ? ``: `Scan and send $${amount}`,
+          instructionsText: isMobile ? `Click above to pay`: `Scan and send $${amount}`,
         };
 
       case PaymentPlatform.HDFC:
@@ -86,20 +87,23 @@ export const SwapModal: React.FC<SwapModalProps> = ({
       case PaymentPlatform.GARANTI:
         return {
           troubleScanningQRCodeLink: ZKP2P_TG_TURKEY_CHAT_LINK,
+          currencySymbol: 'TRY',
           paymentPlatformName: 'Garanti',
           instructionsText: `Using your Garanti app, send ₺${amount} <br />to the above IBAN account number and name`,
         };
 
       case PaymentPlatform.REVOLUT:
         return {
           troubleScanningQRCodeLink: REVOLUT_SEND_PAGE_LINK,
+          currencySymbol: '€',
           paymentPlatformName: 'Revolut',
           instructionsText: `Scan and send €${amount} <br />to ${venmoId}`,
         };
 
       default:
         return {
           troubleScanningQRCodeLink: link,
+          currencySymbol: '$',
           paymentPlatformName: 'Venmo',
           instructionsText: !isMobile 
           ? `Scan and send $${amount} <br />to ${venmoId}` 
@@ -109,6 +113,7 @@ export const SwapModal: React.FC<SwapModalProps> = ({
   };
 
   const {
+    currencySymbol,
     paymentPlatformName,
     troubleScanningQRCodeLink,
     instructionsText
@@ -152,12 +157,11 @@ export const SwapModal: React.FC<SwapModalProps> = ({
                         window.open(link, '_blank', 'noopener,noreferrer');
                       }}
                     >
-                      {`Send ₹${amount} on ${paymentPlatformName} ↗`}
+                      {`Send ${currencySymbol}${amount} on ${paymentPlatformName} ↗`}
                     </Button> 
                   </ButtonContainer>
                 </PaymentButtonContainer>
-              ) :
-              (
+              ) : (
                 <>
                   <QRContainer>
                     <QRCode
@@ -285,9 +289,6 @@ const InstructionsTitle = styled.div`
   text-align: center;
 `;
 
-const PaymentButtonContainer = styled.div`
-`
-
 const InstructionsLabel = styled.div`
   font-size: 14px;
   text-align: center;