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
binary-com · Aug 15, 2022 · 9a5b143 · 9a5b143 · vercel · Aug 15, 2022
1 parent 102059b
commit 9a5b143
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/...p/src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.jsx b/...p/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/.../src/components/my-profile/payment-methods/payment-methods-list/payment-methods-list.scss b/.../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;