From 9a5b143079e49ad42dd6a92a38f7835e7d0894aa Mon Sep 17 00:00:00 2001
From: ameerul-deriv <103412909+ameerul-deriv@users.noreply.github.com>
Date: Mon, 15 Aug 2022 16:04:35 +0800
Subject: [PATCH] Ameerul /Bug 64559 delete pm name handle for long value 
 (#6107)

* changed the margin-top for mobile view for buy-sell

* merging upstream master

* changed the payment methods list modal and wrapped the text for long bank names
---
 .../payment-methods-list.jsx                   | 18 ++++++++++--------
 .../payment-methods-list.scss                  |  5 +++++
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.jsx b/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.jsx
index e32b8ea87df2..ec5829e2d8fa 100644
--- a/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.jsx
+++ b/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.jsx
@@ -145,18 +145,20 @@ const PaymentMethodsList = () => {
                 is_open={my_profile_store.is_confirm_delete_modal_open}
                 small
                 has_close_icon={false}
-                title={localize('Delete {{payment_method_name}}?', {
-                    payment_method_name:
-                        my_profile_store?.payment_method_to_delete?.fields?.bank_name?.value ||
-                        my_profile_store?.payment_method_to_delete?.fields?.name?.value ||
-                        my_profile_store?.payment_method_to_delete?.fields?.account?.value,
-                })}
                 onMount={() => general_store.setIsModalOpen(true)}
                 onUnmount={() => general_store.setIsModalOpen(false)}
             >
-                <Modal.Body>
+                <Modal.Body className='payment-methods-list__modal-wrapper'>
                     <Text as='p' size='xs' color='prominent'>
-                        <Localize i18n_default_text='Are you sure you want to remove this payment method?' />
+                        <Localize
+                            i18n_default_text='Delete {{payment_method_name}}?'
+                            values={{
+                                payment_method_name:
+                                    my_profile_store?.payment_method_to_delete?.fields?.bank_name?.value ||
+                                    my_profile_store?.payment_method_to_delete?.fields?.name?.value ||
+                                    my_profile_store?.payment_method_to_delete?.fields?.account?.value,
+                            }}
+                        />
                     </Text>
                 </Modal.Body>
                 <Modal.Footer>
diff --git a/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.scss b/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.scss
index 0c5f213260e4..cd7a6c0b5b83 100644
--- a/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.scss
+++ b/packages/p2p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.scss
@@ -14,6 +14,11 @@
             bottom: 0;
             position: fixed;
         }
+
+        &-wrapper {
+            display: flex;
+            word-break: break-all;
+        }
     }
     &__button {
         margin: 0 0 2.4rem;