feat: add root route

anoma · Oct 1, 2024 · 0490678 · 0490678
1 parent c8001aa
commit 0490678
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 5 deletions.
diff --git a/apps/namadillo/src/App/AppRoutes.tsx b/apps/namadillo/src/App/AppRoutes.tsx
@@ -55,7 +55,11 @@ export const MainRoutes = (): JSX.Element => {
   return (
     <>
       <Routes location={state?.backgroundLocation || location}>
-        <Route path="/" element={<App />} errorElement={<RouteErrorBoundary />}>
+        <Route
+          path={routes.root}
+          element={<App />}
+          errorElement={<RouteErrorBoundary />}
+        >
           {/* Home */}
           <Route index element={<AccountOverview />} />
 

diff --git a/apps/namadillo/src/App/Layout/AppHeader.tsx b/apps/namadillo/src/App/Layout/AppHeader.tsx
@@ -1,3 +1,4 @@
+import { routes } from "App/routes";
 import { ReactNode } from "react";
 import { Link } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
@@ -17,7 +18,7 @@ export const AppHeader = ({ burger }: { burger: ReactNode }): JSX.Element => {
       <div className="flex items-center gap-4">
         <span className="sm:px-0 lg:hidden">{burger}</span>
         <Link
-          to={"/"}
+          to={routes.root}
           className={twMerge(
             "flex items-center gap-3",
             "text-yellow text-xl font-medium uppercase"

diff --git a/apps/namadillo/src/App/Layout/Navigation.tsx b/apps/namadillo/src/App/Layout/Navigation.tsx
@@ -18,7 +18,7 @@ export const Navigation = (): JSX.Element => {
     {
       label: "Overview",
       icon: <AiFillHome />,
-      url: "/",
+      url: routes.root,
     },
     {
       label: "Staking",

diff --git a/apps/namadillo/src/App/SignMessages/SignMessages.tsx b/apps/namadillo/src/App/SignMessages/SignMessages.tsx
@@ -1,5 +1,6 @@
 import { ActionButton, Input, Modal, Stack } from "@namada/components";
 import { ModalContainer } from "App/Common/ModalContainer";
+import { routes } from "App/routes";
 import { arbitraryMessagesAtom } from "atoms/arbitraryMessages";
 import { signArbitraryEnabledAtom } from "atoms/settings";
 import { useModalCloseEvent } from "hooks/useModalCloseEvent";
@@ -23,7 +24,7 @@ export const SignMessages = (): JSX.Element => {
 
   useEffect(() => {
     if (!signArbitraryEnabled) {
-      navigate("/", { replace: true });
+      navigate(routes.root, { replace: true });
     }
   }, [signArbitraryEnabled]);
 

diff --git a/apps/namadillo/src/App/routes.ts b/apps/namadillo/src/App/routes.ts
@@ -1,4 +1,6 @@
 export const routes = {
+  root: "/",
+
   // Staking
   staking: "/staking",
   stakingBondingIncrement: "/staking/bonding/increment",

diff --git a/apps/namadillo/src/hooks/useModalCloseEvent.ts b/apps/namadillo/src/hooks/useModalCloseEvent.ts
@@ -1,3 +1,4 @@
+import { routes } from "App/routes";
 import { useLocation, useNavigate } from "react-router-dom";
 
 type useModalCloseEventProps = {
@@ -14,7 +15,7 @@ export const useModalCloseEvent = (): useModalCloseEventProps => {
         replace: true,
       });
     } else {
-      navigate("/", { replace: true });
+      navigate(routes.root, { replace: true });
     }
   };