dirty mobile hack

blockscout · Dec 8, 2023 · 35482b2 · 35482b2
1 parent cf9d544
commit 35482b2
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/ui/snippets/header/RampButton.tsx b/ui/snippets/header/RampButton.tsx
@@ -3,10 +3,12 @@ import { RampInstantSDK } from '@ramp-network/ramp-instant-sdk';
 import React from 'react';
 
 import config from 'configs/app';
+import useIsMobile from 'lib/hooks/useIsMobile';
 
 const feature = config.features.ramp;
 
 const RampButton = () => {
+  const isMobile = useIsMobile();
   const openRamp = React.useCallback(() => {
     if (!feature.isEnabled) {
       return;
@@ -17,10 +19,17 @@ const RampButton = () => {
       hostLogoUrl: config.UI.sidebar.icon.default ? config.app.baseUrl + config.UI.sidebar.icon.default : '',
       hostApiKey: feature.hostApiKey,
       defaultAsset: feature.defaultAsset,
+      variant: isMobile ? 'mobile' : 'desktop',
       // remove after demo
       url: 'https://app.demo.ramp.network',
     }).show();
-  }, []);
+
+    const rampOverlay = document.querySelector('body > div:last-of-type')?.shadowRoot?.children[1] as HTMLDivElement;
+    if (rampOverlay) {
+      rampOverlay.style.zIndex = '10000';
+    }
+
+  }, [ isMobile ]);
 
   if (!feature.isEnabled) {
     return null;