fix: routing

Author: pedronauck

packages/app-explorer/next.config.mjs

@@ -29,23 +29,16 @@ const config = {
   eslint: {
     ignoreDuringBuilds: !!process.env.CI,
   },
-  redirects: async () => {
+  rewrites: async () => {
     return [
       {
-        source: '/portal',
+        source: '/portal/:path*',
         destination: '/portal/index.html',
-        permanent: false,
-      },
-      {
-        source: '/ecosystem',
-        destination: '/portal/index.html#/ecosystem',
-        permanent: false,
-      },
-      {
-        source: '/bridge',
-        destination: '/portal/index.html#/bridge',
-        permanent: false,
       },
+    ];
+  },
+  redirects: async () => {
+    return [
       {
         source: '/portal-storybook',
         destination: '/portal-storybook/index.html',

packages/app-explorer/src/systems/Core/components/TopNav/TopNav.tsx

@@ -50,8 +50,8 @@ export function TopNav() {
       >
         Explorer
       </Nav.MenuItem>
-      <Nav.MenuItem href="/bridge">Bridge</Nav.MenuItem>
-      <Nav.MenuItem href="/portal">Ecosystem</Nav.MenuItem>
+      <Nav.MenuItem href="/portal/bridge">Bridge</Nav.MenuItem>
+      <Nav.MenuItem href="/portal/ecosystem">Ecosystem</Nav.MenuItem>
     </>
   );
 

packages/app-portal/src/routes.tsx

@@ -1,17 +1,17 @@
-import { HashRouter, Navigate, Route, Routes } from 'react-router-dom';
+import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 
 import { bridgeRoutes } from './systems/Bridge/routes';
 import { ecosystemRoutes } from './systems/Ecosystem/routes';
 import { Pages } from './types';
 
 export const routes = (
-  <HashRouter>
+  <BrowserRouter basename="/portal">
     <Routes>
       <Route>
         <Route path="*" element={<Navigate to={Pages.ecosystem} />} />
         {bridgeRoutes}
         {ecosystemRoutes}
       </Route>
     </Routes>
-  </HashRouter>
+  </BrowserRouter>
 );

packages/app-portal/src/systems/Bridge/hooks/useBridge.tsx

@@ -166,21 +166,31 @@ export function useBridge() {
     searchParams.set('from', 'eth');
     searchParams.set('to', 'fuel');
 
-    navigate({
-      pathname: Pages.bridge,
-      search: searchParams.toString(),
-    });
+    navigate(
+      {
+        pathname: Pages.bridge,
+        search: searchParams.toString(),
+      },
+      {
+        replace: true,
+      },
+    );
   }
 
   function goToWithdraw() {
     const searchParams = new URLSearchParams(location.search);
     searchParams.set('from', 'fuel');
     searchParams.set('to', 'eth');
 
-    navigate({
-      pathname: Pages.bridge,
-      search: searchParams.toString(),
-    });
+    navigate(
+      {
+        pathname: Pages.bridge,
+        search: searchParams.toString(),
+      },
+      {
+        replace: true,
+      },
+    );
   }
 
   function connectNetwork(network?: SupportedChain) {