Update routes (#1442)

* update routes * redirect crossChainTransfer query parameter * fix redirect syntax * fix redirect syntax * redirect cross chain transfer * tab redirects * correct redirect syntax
interlay · Jul 10, 2023 · 9c16ae5 · 9c16ae5 · vercel · Jul 10, 2023
1 parent 2d67c92
commit 9c16ae5
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -26,9 +26,9 @@ import * as constants from './constants';
 import TestnetBanner from './legacy-components/TestnetBanner';
 import { FeatureFlags, useFeatureFlag } from './utils/hooks/use-feature-flag';
 
-const BTC = React.lazy(() => import(/* webpackChunkName: 'bridge' */ '@/pages/BTC'));
+const BTC = React.lazy(() => import(/* webpackChunkName: 'btc' */ '@/pages/BTC'));
 const Strategies = React.lazy(() => import(/* webpackChunkName: 'strategies' */ '@/pages/Strategies'));
-const SendAndReceive = React.lazy(() => import(/* webpackChunkName: 'transfer' */ '@/pages/SendAndReceive'));
+const SendAndReceive = React.lazy(() => import(/* webpackChunkName: 'sendAndReceive' */ '@/pages/SendAndReceive'));
 const TX = React.lazy(() => import(/* webpackChunkName: 'tx' */ '@/pages/TX'));
 const Staking = React.lazy(() => import(/* webpackChunkName: 'staking' */ '@/pages/Staking'));
 const Dashboard = React.lazy(() => import(/* webpackChunkName: 'dashboard' */ '@/pages/Dashboard'));

diff --git a/src/pages/SendAndReceive/SendAndReceiveForms/SendAndReceiveForms.tsx b/src/pages/SendAndReceive/SendAndReceiveForms/SendAndReceiveForms.tsx
@@ -19,7 +19,7 @@ const SendAndReceiveForms = (): JSX.Element => {
                   <TransferForm />
                 </StyledFormWrapper>
               </TabsItem>
-              <TabsItem title='Bridge' key='crossChainTransfer'>
+              <TabsItem title='Bridge' key='bridge'>
                 <StyledFormWrapper>
                   <BridgeForm />
                 </StyledFormWrapper>

diff --git a/src/pages/Wallet/WalletOverview/components/AvailableAssetsTable/ActionsCell.tsx b/src/pages/Wallet/WalletOverview/components/AvailableAssetsTable/ActionsCell.tsx
@@ -108,7 +108,7 @@ const ActionsCell = ({
             to={{
               pathname: PAGES.SEND_AND_RECEIVE,
               search: queryString.stringify({
-                [QUERY_PARAMETERS.TAB]: 'crossChainTransfer'
+                [QUERY_PARAMETERS.TAB]: 'bridge'
               })
             }}
           >

diff --git a/src/utils/constants/links.ts b/src/utils/constants/links.ts
@@ -12,9 +12,9 @@ const URL_PARAMETERS = Object.freeze({
 
 const PAGES = Object.freeze({
   HOME: '/',
-  BTC: '/bridge',
+  BTC: '/btc',
   STRATEGIES: '/strategies',
-  SEND_AND_RECEIVE: '/transfer',
+  SEND_AND_RECEIVE: '/send-and-receive',
   TX: '/tx',
   STAKING: '/staking',
   DASHBOARD: '/dashboard',

diff --git a/vercel.json b/vercel.json
@@ -53,5 +53,15 @@
         }
       ]
     }
+  ],
+  "redirects": [
+    {
+      "source": "/bridge",
+      "destination": "/btc"
+    },
+    {
+      "source": "/transfer",
+      "destination": "/send-and-receive"
+    }
   ]
 }