From a6822122ff648888427b3bb63f891b62db2e37e7 Mon Sep 17 00:00:00 2001
From: George Usynin <103181646+heorhi-deriv@users.noreply.github.com>
Date: Thu, 29 Aug 2024 17:22:24 +0300
Subject: [PATCH] [WALL] / george / WALL-4812 / Banxa is not working for any
 crypto currencies (#16673)

* fix(cashier): :ambulance: fix onramp provider redirection

* test(cashier): :test_tube: fix test
---
 .../src/pages/on-ramp/__tests__/on-ramp.spec.tsx       |  2 ++
 packages/cashier/src/pages/on-ramp/on-ramp.tsx         | 10 ++++++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/cashier/src/pages/on-ramp/__tests__/on-ramp.spec.tsx b/packages/cashier/src/pages/on-ramp/__tests__/on-ramp.spec.tsx
index e664c51bf6bb..3b3d370adc9e 100644
--- a/packages/cashier/src/pages/on-ramp/__tests__/on-ramp.spec.tsx
+++ b/packages/cashier/src/pages/on-ramp/__tests__/on-ramp.spec.tsx
@@ -90,6 +90,8 @@ describe('<OnRamp />', () => {
                         setIsOnRampModalOpen: jest.fn(),
                         should_show_dialog: false,
                         onramp_popup_modal_title: 'Title of the onramp popup modal',
+                        onMountOnramp: jest.fn(),
+                        onUnmountOnramp: jest.fn(),
                     },
                     general_store: {
                         is_loading: false,
diff --git a/packages/cashier/src/pages/on-ramp/on-ramp.tsx b/packages/cashier/src/pages/on-ramp/on-ramp.tsx
index 9087e5f9cdc2..3c6157915fc1 100644
--- a/packages/cashier/src/pages/on-ramp/on-ramp.tsx
+++ b/packages/cashier/src/pages/on-ramp/on-ramp.tsx
@@ -61,6 +61,8 @@ const OnRamp = observer(({ menu_options }: TOnRampProps) => {
     const {
         filtered_onramp_providers,
         is_onramp_modal_open,
+        onMountOnramp,
+        onUnmountOnramp,
         onramp_popup_modal_title,
         resetPopup,
         setIsOnRampModalOpen,
@@ -81,6 +83,14 @@ const OnRamp = observer(({ menu_options }: TOnRampProps) => {
         }
     }, [menu_options, routeTo, selected_cashier_path]);
 
+    React.useEffect(() => {
+        onMountOnramp();
+
+        return () => {
+            onUnmountOnramp();
+        };
+    }, [onMountOnramp, onUnmountOnramp]);
+
     const getActivePaths = () =>
         (menu_options ?? []).map(menu_option => ({
             text: menu_option.label,