hide cross-chain from safe app (#2560)

KyberNetwork · Nov 15, 2024 · 8318738 · 8318738
1 parent 7b61749
commit 8318738
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/Header/groups/SwapNavGroup.tsx b/src/components/Header/groups/SwapNavGroup.tsx
@@ -59,6 +59,9 @@ const SwapNavGroup = () => {
     pathname.startsWith(path),
   )
 
+  const ancestorOrigins = window.location.ancestorOrigins
+  const isSafeAppOrigin = !!ancestorOrigins?.[ancestorOrigins.length - 1]?.includes('app.safe.global')
+
   return (
     <NavGroup
       dropdownAlign={upToXXSmall ? 'right' : 'left'}
@@ -101,7 +104,7 @@ const SwapNavGroup = () => {
             </StyledNavLink>
           )}
 
-          {CHAINS_SUPPORT_CROSS_CHAIN.includes(chainId) && (
+          {CHAINS_SUPPORT_CROSS_CHAIN.includes(chainId) && !isSafeAppOrigin && (
             <StyledNavLink
               id="cross-chain-nav-link"
               to={APP_PATHS.CROSS_CHAIN}

diff --git a/src/pages/App.tsx b/src/pages/App.tsx
@@ -177,6 +177,9 @@ export default function App() {
   const prevOnline = usePrevious(online)
   useSessionExpiredGlobal()
 
+  const ancestorOrigins = window.location.ancestorOrigins
+  const isSafeAppOrigin = !!ancestorOrigins?.[ancestorOrigins.length - 1]?.includes('app.safe.global')
+
   useEffect(() => {
     if (prevOnline === false && online && account) {
       // refresh page when network back to normal to prevent some issues: ex: stale data, ...
@@ -238,7 +241,7 @@ export default function App() {
               {/* From [email protected], :fromCurrency-to-:toCurrency no long works, need to manually parse the params */}
               <Route path={`${APP_PATHS.SWAP}/:network/:currency?`} element={<SwapPage />} />
               <Route path={`${APP_PATHS.PARTNER_SWAP}`} element={<PartnerSwap />} />
-              {CHAINS_SUPPORT_CROSS_CHAIN.includes(chainId) && (
+              {CHAINS_SUPPORT_CROSS_CHAIN.includes(chainId) && !isSafeAppOrigin && (
                 <Route path={`${APP_PATHS.CROSS_CHAIN}`} element={<SwapV3 />} />
               )}